Artigos Relacionados no Rodapé da Postagem
Autor: luis eduardo | Publicado: 2012-10-09T14:35:00-03:00







Adicionando o “Artigos Relacionados”.

1.&nbsp;Vá ao painel do Blogger e abra o menu “Modelo” e clique no botão “Editar HTML” que fica abaixo da miniatura do seu template, quando ver o código fonte do blog, marque a opção “Expandir modelos de widgets”, para poder visualizar todo o código-fonte de seu template.



2.&nbsp;No código fonte procure pela linha “&lt;/head&gt;” e, imediatamente ANTES dela, insira o código abaixo sem modificar nada:

&lt;!--Artigos Relacionados Estilo e Script Inicio --&gt;&lt;b:if cond='data:blog.pageType == &amp;quot;item&amp;quot;'&gt;&lt;style type="text/css"&gt;#related-posts {float:center;text-transform:none;height:100%;min-height:100%;padding-top:5px;padding-left:5px;}#related-posts h2{font-size: 1.6em;font-weight: bold;color: black;font-family: Georgia, &amp;#8220;Times New Roman&amp;#8221;, Times, serif;margin-bottom: 0.75em;margin-top: 0em;padding-top: 0em;}#related-posts a{color:black;}#related-posts a:hover{color:black;}#related-posts&nbsp; a:hover {background-color:#d4eaf2;}&lt;/style&gt;&lt;script src='http://bloggergadgets.googlecode.com/files/related_posts_with_thumbnails_min.js' type='text/javascript'/&gt;&lt;/b:if&gt;&lt;!--Artigos Relacionados Estilo e Script Final--&gt;

3.&nbsp;Agora procure por uma linha semelhante a:

&lt;div class='post-footer-line post-footer-line-1'&gt;

ou, se não conseguir encontrar, procure por algo semelhante ou:

&lt;p class='post-footer-line post-footer-line-1'&gt;

4.&nbsp;Imediatamente ANTES de uma dessas que você encontrar em seu código, cole os linhas a seguir, modificando apenas o que for indicado (siga as orientações):

&lt;!--Codigo Artigos Relacionados Inicio--&gt;&lt;b:if cond='data:blog.pageType == &amp;quot;item&amp;quot;'&gt;&lt;div id='related-posts'&gt;&lt;b:loop values='data:post.labels' var='label'&gt;&lt;b:if cond='data:label.isLast != &amp;quot;true&amp;quot;'&gt;&lt;/b:if&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_thumbs&amp;amp;max-results=6&amp;quot;' type='text/javascript'/&gt;&lt;/b:if&gt;&lt;/b:loop&gt;&lt;a href='http://www.bloggerplugins.org/2009/08/related-posts-thumbnails-blogger-widget.html' style='display:none;'&gt;Related Posts with thumbnails for blogger&lt;/a&gt;&lt;a href='http://www.bloggerplugins.org/' style='display:none;'&gt;blogger widgets&lt;/a&gt;&lt;script type='text/javascript'&gt;var currentposturl=&amp;quot;&lt;data:post.url/&gt;&amp;quot;;var maxresults=5;var relatedpoststitle="Artigos Relacionados";removeRelatedDuplicates_thumbs();printRelatedLabels_thumbs();&lt;/script&gt;&lt;/div&gt;&lt;div style='clear:both'/&gt;&lt;/b:if&gt;&lt;!--Codigo Artigos Relacionados Final--&gt;

Indicado de vermelho está o número “5″ que é a quantidade de elementos que aparecer, &nbsp;então veja qual a melhor quantidade para o seu blog. Já em verde está o título que aparecerá para dar destaque à esta parte de seu blog.

Então salve o modelo e veja o resultado em seu blog.