Posts Relacionados: "veja também"

Antes de qualquer ação, faça um backup do seu blog

O tutorial de hoje é sobre posts relacionados, o famoso "veja também". Na maioria dos blogs, ele é implantado usando um determinado programa, eu mesma já o usei, mas nem sempre ele funciona, ao menos, foi o que aconteceu em meus blogs. Liberte-se deste problema, aprendendo agora, uma forma prática, e com grandes opções de personalizações. Vem comigo!

Começamos com aquele passinho básico que, quem me acompanha já sabe do que se trata: Acessar Modelo - Editar HTML da um CTRL F e pesquisar por:

</head>

Ao encontrá-lo, copie e cole abaixo de </head> o sequinte, script.

<script type='text/javascript'> $(document).ready(function() {$('.resizethumbnail').attr('src', function(i, src) {return src.replace( 's72-c', 's500-c' );});}); </script> <script src='http://static.tumblr.com/r0zjsuz/LGRnkytsj/post-relacionado-blogger.js' type='text/javascript'/>

Agora iremos procurar por:  'post-footer-line post-footer-line-1'. Lembrando que normalmente, existem duas linhas iguais em seu template, o código será implantado no segundo.
'post-footer-line post-footer-line-1'

CÓDIGO 01



Para finalizar, procure por:

]]></b:skin>

Acima dele, cole o Código 02. Nele, você fará as mudanças necessárias, a exemplo das cores dos textos, de acordo com sua preferência. Visualize, e estando tudo certo, salve.

CÓDIGO 02