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
