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! 🙂
O Blosque mudou de casa!
Saiba mais aqui: O Fim e um RecomeçoOs comentários estão permanentemente fechados, mas você pode comentar na casa nova ou entrar em contato.
Espero você por lá! 🙂
Não tem jeito de aparecer já na home os posts relacionados?
Porquê só aparece quando a gente clica em algum post específico…
Não que eu saiba. O javascript (ao qual não tenho acesso) está configurado para escolher posts relacionados baseado nas categorias do post, e como há mais de um post na home, suponho que seria difícil fazer com que o código funcionasse corretamente.
Oi, Nospheratt
Ha uma jeito de colocar uma lista de posts relacionados na coluna lateral com feed do blog. É simples, vá em adicionar elemento da pagina/feed/coloque a url do feed do blog/continuar/mude o titulo do elemento da pagina, para posts relacionados, atigos relacionados e ect/configure quantos itens ele vai mostrar/salvar alterações. Pronto! eu ja uso no meu blog.
Jorge: A dica é ótima; mas é uma dica para “Posts Recentes”, não para posts relacionados. Esse widget mostra os posts mais recentes do blog.
Posts relacionados são escolhidos de acordo com algúm critério – que falem do mesmo assunto, pertençam à mesma categoria, etc.
Estou louca pra colocar posts relacionados no meu blog. Gostaria de saber uma coisa: Nesse seu modelo, há possibilidade de tirar o número que fica entre parênteses no final de cada link? Pelo que eu percebi, esse número representa o número de comentários, é isso?
Um abraço!
Aparece esse erro amigo:
Open quote is expected for attribute “{1}” associated with an element type “cond”
o que posso fazer? obrigado 🙂
Por que as imagens, fotos que coloquei não estao mais aparecendo, só aquele simpático quadradinho com um x?
O que faço? Estou começando agora e estou perdida?
Obrigada. Sonia
Oi Nospheratt! Cheguei no seu blog hoje pela primeira vez e adorei!
Acabo de inserir a lista de postagens relacionadas, e personalizar o título, mas a lista em si continua totalmente fora do padrão do meu template.
Poderia dar uma dica de como personalizá-la também?
Obrigada!
Quebrei um pouco a cabeça e consegui. Nem sei se é o jeito certo, mas foi!
Eu queria diminuir o tamanho da fonte da lista, então troquei o código
document.write(‘‘ + relatedTitles[r] + ‘‘);
por
document.write(‘‘ + relatedTitles[r] + ‘‘);
Seu blog é o máximo, viu??? =)
Abraços