Trucul postari asemanatoare sau related links

Publicat de MIRELA

Am primit cateva emailuri in care imi cereti sa va scriu despre integrarea in sablon a scriptului related links sau 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 faci este sa deschizi sectiunea editati Html si sa adaugati codul urmator:


#similar {
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 salveaza sablonul, redeschide-l,bifeaza casuta expand widget template si treci la pasul 2.Cauta linia
]]></b:skin>
si adauga urmatorul script dupa aceata:


<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>
.
Salveaza sablonul si treci la ultimul pas.Cauta linia

<p><data:post.body/></p>

si imediat sub ea adauga 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 != &quot;true&quot;'>,</b:if><b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/></b:if></b:loop></div> </h2>

<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels(); </script>
</div>

Acum salveaza sablonul si verifica postarile.La acest cod poti schimba culorile,adaptandu-le la designul blogului tau,iar in locul liniilor colorate in rosu,poti adauga link catre o imagine (bullet,background).Daca aveti nelamuriri,lasati-mi un mesaj.

Iti place acest articol?

Dont miss my next post! Leave me a message or subscribe to

Reacţii: 

Articole similare



13 comentarii

  1. wrongavatar scrie

    Am nevoie de ajutorul tau. Pe blogul meu ruleaza numai anunturi sociale google si chestia asta nu ma "avantajeaza" deloc. Pana ieri totul era ok, am incercat sa adaug si widgetbucks si astea nu apar deloc.

    Postat la 13 iunie 2009 10:16

     
  2. mirelaavatar scrie

    Metoda de mai sus va genera doar 5 linkuri catre postari mai vechi.Explica-mi mai detaliat ce te nemultumeste si incerc sa te ajut,ok?

    Postat la 13 iunie 2009 23:49

     
  3. Anonim scrie

    vreu si yo un blog dr nuj cum naiba sa-l incep ,adik unde scriu postarile sa apara ca aici??????????PLSS...vreau si yo un raspuns!!!!!!!

    Postat la 15 iunie 2009 16:06

     
  4. roxyavatar scrie

    eu nu am aia cu p post blody...."
    ce sa fac?ms

    Postat la 15 iunie 2009 16:38

     
  5. Claudelavatar scrie

    mirela iti fac o mica propunere/sugestie, inteleg ca vrei sa faci ceva $ din asta... dar daca incepi direct cu bannere si etc nu prea o sa ai success, mai ales cand blogul tau in sine arata destul de jalnic lumea nu prea mai sta se se uite la content daca e greu de gasit acel content, retine simpla idee ca omul cand vine trebuie sa fie uimid de ce vede ca sa mai vina si a2a oara, altfel va gasi cu siguranta alt site din nisa asta, si scuza ma sunt cateva sute numai in lb Romana. :)

    btw te ai uitat cumva recent cam cat de bine merg blogurile cu si mai ales despre gatit sau alta mai simpla "a fi mamica si ce implica"? :) ar fi o nisa mult mai accesibila pentru tine decat... asta.
    success in continuare oricum

    Postat la 16 iunie 2009 11:56

     
  6. mirelaavatar scrie

    Roxy bifeaza casuta expand widget template si o s-o gasesti.

    Postat la 18 iunie 2009 15:36

     
  7. mirelaavatar scrie

    MS de sugestie darnu era nevoie...mai treci si o sa vezinoul look la care lucrez...oricum ms

    Postat la 18 iunie 2009 15:49

     
  8. wrongavatar scrie

    mirela "englisul" tau e prefect ;)
    daca ai o adresa... vreau sa te-ntreb niste chestii(mai multe) :(

    Postat la 19 iunie 2009 20:01

     
  9. wrongavatar scrie

    ... am uitat sa-ti dau adresa mea hnews la Y

    Postat la 19 iunie 2009 20:04

     
  10. mirelaavatar scrie

    WRONG orice problema legata de blog o poti posta aici detaliat si promit ca te ajut.Tocmai am terminat designul blogului reduceri-imbracamnte.blogspot.com si vreau sa-l personalizez si pe acesta,asa k fiind mai mult aici voi raspunde prompt la intrebarile tale.

    Postat la 23 iunie 2009 00:20

     
  11. Anonim scrie

    intrati aici pt mai multe detalii legate de subiectul de mai sus http://insanezone.ro/Bagherass-10166.html

    Postat la 01 iulie 2009 17:12

     
  12. Anonim scrie

    http://www.animalut.net/user/magr.html

    Postat la 08 octombrie 2009 22:04

     
  13. Anonim scrie

    [http://www.animalut.net/user/magr.html]cea mai noua muzik[http://www.animalut.net/user/magr.html]

    Postat la 08 octombrie 2009 22:06

     

Trimiteţi un comentariu

Nu scrieti mesaje vulgare,acestea vor fi automat marcate ca spam /backlink...Multumesc

Blog Widget by LinkWithin
tuatara
kickback
comodo