Posts Relacionados no Blogger
Autor: Botoja | Publicado: 2009-05-24T17:46:00-03:00

Para colocar no rodapé da postagem os Artigos Relacionados,&#160; é muito fácil e também muito útil, pois direciona o leitor para outros textos com a mesma tag.       Para evitar o aumento do número de rejeição de seu blog, o ideal é prender o leitor pela curiosidade. A melhor forma, é vincular sua postagem à outras postagens suas que falam de assuntos parecidos, ou seja, que pertencem as mesmas categorias ou marcadores que seu post original.Continue Lendo...1- Coloque o script abaixo depois de ]]&gt;&lt;/b:skin&gt;:  &lt;script type='text/javascript'&gt;    //&lt;![CDATA[     var relatedTitles = new Array();     var relatedTitlesNum = 0;     var relatedUrls = new Array();     function related_results_labels(json) {     for (var i = 0; i &lt; json.feed.entry.length; i++) {     var entry = json.feed.entry[i];     relatedTitles[relatedTitlesNum] = entry.title.$t;     for (var k = 0; k &lt; 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 &lt; 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 &lt; 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('&lt;ul&gt;');     while (i &lt; relatedTitles.length &amp;&amp; i &lt; 20) {     document.write('&lt;li&gt;&lt;a href=&quot;' + relatedUrls[r] + '&quot;&gt;' + relatedTitles[r] + '&lt;/a&gt;&lt;/li&gt;');     if (r &lt; relatedTitles.length - 1) {     r++;     } else {     r = 0;     }     i++;     }     document.write('&lt;/ul&gt;');     }     //]]&gt;     &lt;/script&gt;  2- Salve a modificação. Clique em Expandir Modelo de Widget e procure por este trecho e acrescente o que está em vermelho:      &lt;span class='post-labels'&gt;      &lt;b:if cond='data:post.labels'&gt;       &lt;data:postLabelsLabel/&gt;       &lt;b:loop values='data:post.labels' var='label'&gt;       &lt;a expr:href='data:label.url' rel='tag'&gt;&lt;data:label.name/&gt;&lt;/a&gt;&lt;b:if cond='data:label.isLast != &amp;quot;true&amp;quot;'/&gt;    &lt;b:if cond='data:blog.pageType == &amp;quot;item&amp;quot;'&gt;    &lt;script expr:src='&amp;quot;/feeds/posts/default/-/&amp;quot; + data:label.name + &amp;quot;?alt=json-in-script&amp;amp;callback=related_results_labels&amp;amp;max-results=10&amp;quot;' type='text/javascript'/&gt;    &lt;/b:if&gt;    &lt;/b:loop&gt;      &lt;/b:if&gt;       &lt;/span&gt;       3- Agora procure por:   &lt;div class='post-footer-line post-footer-line-3'&gt;   e cole logo abaixo:   &lt;b:if cond='data:blog.pageType == &amp;quot;item&amp;quot;'&gt;    &lt;div class='related-posts'&gt;     &lt;h4&gt;Posts Relacionados:&lt;/h4&gt;     &lt;script type='text/javascript'&gt;     removeRelatedDuplicates();     printRelatedLabels();     &lt;/script&gt;     &lt;/div&gt;     &lt;/b:if&gt;  Salve as modificações. Para dar estilo ao título e à lista, acrescente no CSS:   .related-posts h4{    margin: 0 0 0 10px;     padding: 0 0 0;     font-size: coloque aqui o tamanho da fonte;     color: #...coloque aqui o valor da cor para o título;     }  Para dar estilo à lista:   .related-post ul{    margin: 0 0 0;     padding: 0 0 0;     list-style-type:none;}     .related-posts li{     margin: 0 0 0;     padding: 2px 0px 0px;     list-style-type:none;     font-size: tamanho da fonte;}     .related-posts li a{color: #....}     .related-posts li a:hover{color: #.....; text-decoration:none;}     Obs: os links dos artigos relacionados aparecem apenas nas páginas internas.          Fontes:      UsuarioCompulsivo       Vagabundia        Templates Novo Blogger