No ano passado, escrevi um post ensinando a usar um hack que mostrava os “posts relacionados” com pequenas imagens, também chamadas de thumbnails :
O problema deste hack é que ele só funciona com script – o que pode ser complicado para iniciantes ou para quem não tem um serviço de hospedagem.
Vejam como ficou no meu outro blog, o Dicas de Informática:
Existem duas formas de instalar o widget do Linkwithin no Blogger – diretamente, pelos elementos de página ou dentro do HTML do template.
Na primeira opção, os thumbnails aparecerão em todos os artigos, inclusive na página inicial. Já na segunda, podemos exibir o gadget apenas nas páginas individuais.
Como colocar o widget nos elementos de página
Entre no site Linkwithin. À direita, preencha os campos solicitados:
- Email: coloque seu email;
- Blog Link: endereço do seu blog (sem o http);
- Plataform: Blogger;
- Width: escolha quantas imagens deseja mostrar;
Se o fundo (background) do seu blog for da cor preta com letras (fontes) claras, marque a caixa My blog has light text on a dark background.
Clique no botão Get Widget. Na página seguinte, clique em Install Widget. Selecione o blog onde você vai instalar o widget e clique em adicionar widget.
Por padrão, o código será instalado no topo do blog. Mova o gadget e coloque-o embaixo da área de postagens. Visualize e clique no botão salvar.
Desta forma, os posts relacionados do Linkwithin aparecerão em todos os seus artigos, inclusive na página inicial (home). Mas isso é possível de mudar ;)
Como colocar o widget somente nas páginas individuais
Siga os procedimentos descritos acima, para gerar o código do widget. Depois que ele estiver instalado em seu blog, clique em editar e copie o código todo.
Vá para a aba editar HTML. Marque a caixa expandir modelos de widgets. Dê um Crtl+F com teclado e procure pelo seguinte trecho (ou algo parecido):
<p class='post-footer-line post-footer-line-3'/>
Cole o seguinte código, logo abaixo deste trecho:
<b:if cond='data:blog.pageType == "item"'>
CÓDIGO DO LINKWITHIN
</b:if>
Substitua CÓDIGO DO LINKWITHIN pelo código gerado anteriormente.
Clique no botão visualizar e se tudo estiver ok, salve.
IMPORTANTE – Se você já tinha aquele hack mais antigo, onde só aparecem os links (como é aqui no DB), você deve procurar pelo seguinte trecho:
<b:if cond='data:blog.pageType == "item"'> <b>Posts Relacionados</b></b:if>
<script type='text/javascript'>
removeRelatedDuplicates();
printRelatedLabels();
Substitua tudo por:
<b:if cond='data:blog.pageType == "item"'>
CÓDIGO DO LINKWITHIN
</b:if>
Como mudar a frase do gadget
Para personalizar a frase-padrão do gadget, procure por:
< div class='post-footer'>
E cole logo abaixo:
<script>linkwithin_text='SEU TEXTO PERSONALIZADO:'</script>
**Super dica da querida leitora Lucy, do blog ♥ Amor e Paz Sem Fronteiras ♥
É altamente recomendável que tudo isso seja feito antes em um blog de testes.
