Customizando a Lista de Posts Relacionados

Você já instalou a Lista de Posts Relacionados, mas o Título da lista não aparece? Quer mudar a fonte, o tamanho ou a cor da letra? Vamos lá:

1 - Entre na sua conta do Blogger. Vá até a tab “Editar Html”, clique em “Expandir modelos de widgets”.

2 - Procure esta linha de código (que você adicionou durante a instalção do hack):

<p class=’post-footer-line post-footer-line-3′/>
<b:if cond=’data:blog.url != data:blog.homepageUrl’>Posts Relacionados</b:if>
<script type=’text/javascript’>
removeRelatedDuplicates();
printRelatedLabels();
</script>

Esse é o código que vamos editar para alterar a aparência do Título.

3 - Se você tem alguma outra coisa na terceira linha do rodapé - por exemplo, o Widget “View Blog Reactions” do Technorati - provavelmente o Título “Posts Relacionados” está ao lado dele, em vez de estar em outra linha. Para solucionar isso, insira duas tags <br/> no lugar indicado:

<p class=’post-footer-line post-footer-line-3′/>
<br/><br/><b:if cond=’data:blog.url != data:blog.homepageUrl’>Posts Relacionados</b:if>
<script type=’text/javascript’>
removeRelatedDuplicates();
printRelatedLabels();
</script>

4 - Se o Título não aparece, provavelmente ele tem a mesma cor que o fundo da página. Ou talvez você gostaria de destacá-lo melhor. Você pode modificar isso facilmente, bem como o tamanho, e qualquer outro estilo que se possa aplicar com CSS. Para isso, você tem que adicionar as tags <span> e </span>, com os devidos valores, no lugar indicado:

<b:if cond=’data:blog.url != data:blog.homepageUrl’><span style=’font-size:150%; font-weight:bold; color:red;’>Posts Relacionados</span></b:if>

Os valores em AZUL são os que você pode modificar.

font-size:150% Aumente ou diminua o número, para aumentar ou diminuir a fonte. 100% sé o tamanho normal.

font-weight:bold Bold significa que o Título vai aparecer em negrita. Se não quiser a negrita, substitua bold por normal

color:red Esta é a cor da fonte. Você pode subsituir red por qualquer outra cor (em inglês): black, green, blue..

Lembre-se de não inserir espaços ou caracteres, e de não deletar nada. Se você entende de CSS, pode dar o estilo que quiser ao título, usando esse <span>.

5 - Se a lista aparece com vinhetas ou não, depende do seu CSS. Você pode alterá-lo, mas isso é com você. Os templates variam na forma como os estilos são criados, e eu não tenho como (ou pelo menos não descobri ainda uma forma de) ensinar como alterar a formatação da lista, que sirva para todo mundo. Se eu descobrir, faço um update deste post.

Bem, por agora é só isso. Obrigada ao Anderssauro por inspirar este post!

________________________________
Compare Preços de: Artigos Personalizados, Coisas Personalizadas, Ferramentas, DVD, Filmes, Celulares, Notebooks, Câmeras, Jogos, Wii, PS3 no JáCotei

________________________________

Technorati : Blogger, Blogger Hacks, Blogspot, Como Faço, Customizado, Dicas, Melhore seu BLog, Personalizar, Posts Relacionados, Widget