Colocar artigos relacionados no final da postagem
Autor: Wagner | Publicado: 2015-06-14T13:56:00-03:00




Esta foi uma dificuldade pelo que passei por bastante tempo, pois fiz uma reformulação no Tudo é Importante e não conseguia colocar mais os artigos relacionados no final das postagens.

Antes da reformulação eu utilizava o LinkWithin, que é bastante prático, porém, ele mostra nos resultados as postagens apagadas do blog também.

Como mostrava as postagens apagadas, estava me atrapalhando mais que ajudando, pois com a reformulação do Tudo é Importante, apaguei mais de 5 mil postagens e elas apareciam sempre no rodapé das postagens.

Fiquei vários meses até encontrar a solução, e ela veio do site&nbsp;http://www.ferramentasblog.com/.

Segue o passo a passo disponível naquele blog e que resolveu meus prolemas:

<!-- Responsivo -->


(adsbygoogle = window.adsbygoogle || []).push({});







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 &nbsp;“&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;

<!-- Responsivo -->


(adsbygoogle = window.adsbygoogle || []).push({});





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;

No meu caso deu certo colocando antes da linha&nbsp;

&lt;div class='post-footer-line post-footer-line-3'&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á. Aqui no meu blog cabem até 7 elementos, 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.

Lembrando que só funcionará se você estiver usando Marcadores em seu blog.





<!-- Responsivo -->


(adsbygoogle = window.adsbygoogle || []).push({});




W. Navarro



<!-- Meio de texto -->