Postari asemanatoare sau related posts in blogger
Am primit cateva emailuri in care imi cereti sa va scriu despre integrarea in sablon a scriptului related links,in traducere postari asemanatoare .Pentru cei nefamiliarizati cu acesti termeni, acest cod va genera linkuri catre alte postari scrise de voi,postari mai vechi,incluse intr-o categorie asemanatoare.Primul pas pe care trebuie sa-l faceti este sa deschideti sectiunea editati html si sa adaugati codul urmator,fara a bifa casuta -expand widget template:
background:#fff333 url(link-imagine-aici) repeat-x scroll 0 0;
margin-top:1px;
margin-left:0px;
margin-bottom:1px;
font-family:Corbel,'Trebuchet MS',Arial;
line-height:1.7em;}
#similar .widget {
list-style-type : none;
margin : 5px 0 5px 0;
padding : 0;}
#similar .widget h2 {
color:#C9BB96;
font-size :17px;
font-family:Corbel,'Trebuchet MS',Arial;
font-weight :normal;
margin :5px 7px 0;
padding :0 0 5px;}
#similar h2 {background-image:url(link-imagine-aici) ;
background-repeat:no-repeat;
background-color:#bc0707;
color:#FFFFFF;
font-size :18px;
font-family:Corbel,'Trebuchet MS',Arial;
font-weight :normal;
margin :5px 7px 0;
padding : 0 0 0 5px;}
#similar a {
color : #000000;
font-size : 13px;
text-decoration : none;}
#similar a:hover {
color : #BC0707;
text-decoration : none;}
#similar ul {
margin : 9px;
padding : 0;}
#similar ul li {
display : block;
background-image:url(link-imagine-bullet);
background-position:10px 10px;
background-repeat:no-repeat;
margin : 0;
padding:4px 10px 12px 35px;
line-height : 1.9em;
border-bottom:1px dashed #ffffff;}
.Acum salvati sablonul, redeschideti-l,bifati casuta expand widget template si treceti la pasul urmator.Cautati linia
si adaugati urmatorul script dupa aceasta:
<script type='text/javascript'>
//<![CDATA[
var relatedTitles = new Array();
var relatedTitlesNum = 0;
var relatedUrls = new Array();
function related_results_labels(json) {
for (var i = 0; i < json.feed.entry.length; i++) {
var entry = json.feed.entry[i];
relatedTitles[relatedTitlesNum] = entry.title.$t;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
relatedUrls[relatedTitlesNum] = entry.link[k].href;
relatedTitlesNum++;
break;
}
}
}
}
function removeRelatedDuplicates() {
var tmp = new Array(0);
var tmp2 = new Array(0);
for(var i = 0; i < relatedUrls.length; i++) {
if(!contains(tmp, relatedUrls[i])) {
tmp.length += 1;
tmp[tmp.length - 1] = relatedUrls[i];
tmp2.length += 1;
tmp2[tmp2.length - 1] = relatedTitles[i];
}
}
relatedTitles = tmp2;
relatedUrls = tmp;
}
function contains(a, e) {
for(var j = 0; j < a.length; j++) if (a[j]==e) return true;
return false;
}
function printRelatedLabels() {
var r = Math.floor((relatedTitles.length - 1) * Math.random());
var i = 0;
document.write('<ul>');
while (i < relatedTitles.length && i < 20) {
document.write('<li><a href="' + relatedUrls[r] + '">' + relatedTitles[r] + '</a></li>');
if (r < relatedTitles.length - 1) {
r++;
} else {
r = 0;
}
i++;
}
document.write('</ul>');
}
//]]>
</script>
Salvati sablonul si de data asta si treceti la ultimul pas.Cautati linia
<p><data:post.body/></p>
si imediat sub ea adaugati codul:
<div id='similar'>
<h2>Vezi si alte articole: <div style='display:none;'> <b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != "true"'>,</b:if><b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=5"' type='text/javascript'/></b:if></b:loop></div> </h2>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels(); </script>
</div>
La acest cod puteti schimba culorile,adaptandu-le la designul blogului propriu,iar in locul liniilor colorate in galben,puteti adauga link catre o imagine (bullet,background).Daca aveti nelamuriri,lasati-mi un mesaj.
Alte modalitati de adaugare a acestei optiuni,mai mult sau mai putin complicate,puteti sa le obtineti accesand acest link.
What is Blogger
Invata cum sa construiesti rapid un blog pe Blogger Blogspot.Nu necesita nici prea mult timp ,nici pre multe cunostinte in IT.Prima faza pentru un amator ar fi sa urmareasca acest videoclip de pe Youtube,accesand acest link http://www.youtube.com/v/BnploFsS_tY&hl=en&fs=1.Urmatoarea faza este sa te apuci de scris postari interesante,pentru a capta cat mai mult trafic.Daca iti doresti o interfata unik,in sensul de a avea un sablon modern,este absolut obligatoriu sa citesti si celelate articole din acest blog,articole ce iti pun la dispozitie atat informatii referitoare la modalitati de schimbare a sablonului (template) cat si sabloane adaptate platformei Blogger.
Nu uita sa revii pe acest blog pentru a te bucura de sectiunea Free staff,si lectii de css\html pentru incepatori.
Twitter in blogger
Twitter este considerata una dintre cele mai mari retele sociale virtuale,iar pentru blog este o cale prin care ae poate face foarte repede cunoscut,asta daca si postarile se ridica la nivelul asteptat.Oricum ar fi ,creeaza-ti un cont tweeter si fa-ti repede cunoscute ideile.Mai jos sunt cateva modalitati prin care poti integra twitter in blog.Acceseaza-le si alege versiunea care ti se pare cea mai buna: Twitter widget ,Twitter buttons ,Twitter tools ,TwitThis ,TweetSuite ,Chirrup ,Tweet This ,IntenseDebate ,Aweber ,Twitterfeed.
CSS Alpha Hover Effect
Setting this up is very easy and you can apply this to all image links in blogger.First move your mouse over the images here or here then open your template -edit html section and find this:
img {
border : 0;
}
,or something similar(in the css section),delete and replace it with this:
a img:hover {
filter:alpha(opacity=80); ..-opacity:0.8; opacity:0.8; -khtml-opacity:0.8;
}
That's all so save your template now.The only problem is that it does not validate but works in many modern browsers. If viewed in a browser that does not support the code the image will simply remain the same.U can download Firefox cause its the best browser.The credit for this post goes to Benblogged.com.
Best blogger templates 2 columns
This blogger templates are my favorites and are free for blogger users.Click to see the demo and author notes.Enjoy it !
Autor: Falconhive.com Name: Linetech Demo and Download here
Autor: Falconhive.com Name: Simple Jojo Demo and Download here
Autor: Falconhive.com Name: Masinop Demo and Download here
Autor: Falconhive.com Name: Mahinahon Demo and Download here
Free Blogger Template Magazine Style
Autor: Alvaris Falcon/ Falconhive.com Demo and download
More coming soon...
