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 == &quot;item&quot;'>
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 == &quot;item&quot;'> <b>Posts Relacionados</b></b:if>
<script type='text/javascript'>
removeRelatedDuplicates();
printRelatedLabels();

Substitua tudo por:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
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.

Leia mais...