Colocar posts relacionados no Blog

Manter o visitante do seu blog o máximo de tempo possível é muito importante para seu blog, e a ferramenta de posts relacionados é muito útil para isso.

Toda vez que seu visitante estiver em um artigo, ele verá logo abaixo a ferramenta que vai recomendar outros artigos do mesmo tema, relacionados ao artigo que está lendo. 


Você irá aprender  como colocar artigos relacionados usando o Linkwithin.



1° Colocar Artigos Relacionados Usando Linkwithin






Acesse o site Linkwithin  ,preencha no primeiro espaço com seu email,  em seguida o  link do seu blog, escolha a plataforma que usa, por exemplo se escolher Blogger, irá colocar automaticamente o widget do site para seu  Blog.

 Vou ensinar escolhendo a opção  Other, assim eu vou conseguir o código lá e eu mesma adicionar no blog, em width, escolha a quantidade de artigos que vão aparecer, é bom escolher pensando no tamanho do espaço que você tem disponível abaixo de seus posts, vou escolher 05. Clique em Gere Widget

Agora no Blogger vá em Modelo, clique em HTML, clique dentro e em CTRL + F, e procure por </body> e cole o código gerado no site antes de </body> e salve. Confira a mudança em seu Blog , mas não saia ainda do código HTML do seu blog, pode ser que queira fazer a mudança abaixo. 


2° Ocultar Posts Relacionados na Página Inicial





Como pode vê, os posts relacionados também irão aparecer na página inicial do blog, caso queira que apareça somente nas páginas dos artigos, vou ensinar como ocultar eles na página inicial.

Pegue o código que copiou no site do Linkwithin e cole onde está em azul, cole seu código aqui. Então coloque tudo acima de </body>

Código para você usar abaixo.


<b:if cond='data:blog.pageType == "item"'>COLE SEU CÓDIGO AQUI</b:if>  


Exemplo de como vai ficar.


<b:if cond='data:blog.pageType == "item"'>
<script>
var linkwithin_site_id = 5555555;
</script>
<script src="http://www.linkwithin.com/widget.js"></script>
<a href="http://www.linkwithin.com/"><img src="http://www.linkwithin.com/pixel.png" alt="Related Posts Plugin for WordPress, Blogger..." style="border: 0" /></a>

</b:if>  


Pronto você já tem posts relacionados em seu blog. Se esse tutorial foi útil para você deixe em comentários.









1 comentários: