LinkWithin - Artigos Relacionados com Imagens

linkwithin

O site LinkWithin oferece um serviço de artigos relacionados ao rodapé das postagens. Ele gera um widget para ser adicionado a seu blog de forma rápida e fácil.
Todos sabemos a importância de melhorar o tempo de navegabilidade dos visitantes em nossos blogs, e uma boa forma de fazer isso é apontando links para as outras postagens, o LinkWithin cumpre muito bem isso e ainda é bem aperfeiçoado pelo motivo das imagens ( thumbnails ) de demonstração dos artigos relacionados.
artigos relacionados


Tutorial
1. Acesse o site LinkWithin.com
2. E na direita preecha os campos solicitados.
  • Email coloque seu e-mail;
  • Blog Link coloque a url de seu blog;
  • Plataform Escolha a plataform em que você vai adicionar o widget. No caso deste tutorial Blogger;
  • Width escolha o número de artigos relacionados que você quer exibir ao rodapé dos posts.

Se o fundo de seu blog ( background ) for da cor preta, e as fontes com cores claras, marque a caixa "My blog has light text on a dark background".


3. Agora clique em  "Get Widget!"
get widget

4. Irá abrir uma página com o tutorial em inglês, dê uma olhada já para você ter uma idéia, mas aqui neste tutorial explicarei tudo de qualquer jeito.
Na página que abriu clique no link "Install Widget" no passo 1.
install widget

5. Você será redirecionado para uma página do blogger para que você adicione o widget. Na página que abriu escolha o blog que você vai querer o widget e clique em "Adicionar Widget"
adicionar widget no blogger

6. Agora arraste o widget para baixo das 'Postagens no blog' e clique em "Salvar".
gadget abaixo das postagens


Pronto o widget foi adicionado.

OBS: Desta forma os artigos relacionados irão aparecer em todas as postagens e inclusive na página inicial de seu blog ( home ), além de todas as outras páginas. E alguns templates não são compátiveis com o widget desta forma. Também alguns blogueiros que utilizam do widget não o querem em todas as postagens, mas sim somente quando se abrir individualmente o artigo.
Para solucionar isto basta seguir o tutorial abaixo.
artigos relacionados bugados


Colocando widget nas páginas individualmente
1. Acesse o seu blog e clique na guia "Modelo".
2. Procure pelo trecho abaixo ( Ctrl+F ):
<p class='post-footer-line post-footer-line-3'/>
3. Abaixo deste trecho adicione o seguinte código:

<b:if cond='data:blog.pageType == &quot;item&quot;'> 
CÓDIGO DO LINKWITHIN 
</b:if>
4. Abra uma nova guia em seu navegador e acesse o Layout de seu blog, no widget do LinkWithin, clique em "Editar" e copie o código dele. Após isso substitua o CÓDIGO DO LINKWITHIN, pelo código do widget.
código do linkwithin

Gostou? Compartilhe: