Tweet Inserindo postagens relacionadas no rodapé das postagens.

Em uma dica anterior falamos de como adicionar uma ferramenta de postagens relacionadas com imagem no seu blog com LinkWithin. Muitas pessoas gostaram muito, mas eu sou da tribo que prefere algo mais clean e
light. Por isso explicarei como inserir as postagens relacionadas no seu blog " sem imagens ". A instalação de postagens relacionadas no rodapé das postagens do seu blog é extremamente importante para o aumento do tráfego, pois estes conduzem os seus leitores à páginas que talves eles nem sonhassem existir. Recomendo a todos.

• Faça o login no seu blog e vá até o painel
• Clique na aba Layout > Editar HTML > Marque a caixinha Expandir Modelo de Widget.
• Atenção: Altamente recomendável Baixar o Modelo completo do seu template antes de iniciar.
• No seu teclado clique CRTL+F e na caixa de pesquisa que se abrirá procure o seguinte código:

</head>

Logo ACIMA dele cole todo o seguinte código:

<!--Related Posts Scripts and Styles Start-->

<!--Remove--><b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type="text/css">
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}
#related-posts .widget{
padding-left:6px;
margin-bottom:10px;
}
#related-posts .widget h2, #related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: black;
font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:blue;
}
#related-posts a:hover{
color:blue;
}
#related-posts ul{
list-style-type:none;
margin:0 0 0px 0;
padding:0px;
text-decoration:bold;
font-size:15px;
text-color:#000000
}
#related-posts ul li{
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4P7NXr_KcbLK-zz4lwAavgMCnCPqtrzxqOnZIj5o_XNjwSYuv1aC3aKmoneBf7JrkFXwCAofkRc0EzSg_hlgdO8ffGlCkR-NJBOy0x88Jn1nXhdkXKVBG8aD_xE71Bkm3ehR1HdZC4eQ/s200/greentickbullet.png) no-repeat ;
display:block;
list-style-type:none;
margin-bottom: 13px;
padding-left: 30px;
padding-top:0px;}
</style>
<script type='text/javascript'>
var relatedpoststitle="Related Posts";
</script>
<script src='http://blogergadgets.googlecode.com/files/related-posts-for-blogger.js' type='text/javascript'/>
<!--Remove--></b:if>
<!--Postagens Relacionadas Scripts and Styles End-->

Agora procure pelo seguinte código: 

<div class='post-footer-line post-footer-line-1'>

*Se por um acaso você não encontrá-lo em seu template tente esse:

<p class='post-footer-line post-footer-line-1'>


Agora imediatamente APÓS um dos dois códigos fornecidos acima ( dependendo de qual deles você achou em seu template ), copie e cole o seguinte código:

<!-- Related Posts Code Start-->
<!--Remove--><b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<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=6&quot;' type='text/javascript'/></b:if></b:loop><a href='http://www.bloggerplugins.org/2009/08/related-posts-for-blogger-widget.html' style='display:none'>Related Posts Widget</a>
<script type='text/javascript'>
var maxresults=5;
removeRelatedDuplicates(); printRelatedLabels(&quot;<data:post.url/>&quot;);
</script>
</div>
<!--Remove--></b:if>
<!-- Related Posts Code End-->

 Clique em visualizar e se não deu nenhum erro em seu blog clique em salvar.


O resultado será esse:

Credits: Bloggerplugis.org

Cabeça de Blogger

Sobre o Autor:

Edu Gomes:Fundador e editor do Cabeça de Blogger, nada mais que um cara sexy e rico que sempre se decepciona quando acorda e percebe que tudo não passou de um sonho. Gosta de variedades e odeia fazer planos.{saiba + sobre o autor}

Tweet