- Voltar à página inicial »
- Tutoriais »
- LinkWithin - Artigos relacionados com imagens

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.
Tutorial
1. Acesse o site www.LinkWithin.com
2. E na direita preencha 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",se for funda claro e letras escuras não marque a caixa.
3. Agora clique em "Get Widget!"
4. Irá abrir uma página com o tutorial em inglês, dê uma olhada já para você ter uma ideia, mas aqui neste tutorial explicarei tudo de qualquer jeito.
Na página que abriu clique no link "Install Widget" no passo 1.
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"
6. Agora arraste o widget para baixo das 'Postagens no blog' e clique em "Salvar".
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 compatíveis 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 teria que mexer em html,se você não sabe não mexa,se souber primeiro faça um backup do seu template pois se acontecer algo poderá recuperar depois.
Vamos para o tutorial:
Colocando widget nas páginas individualmente
1. Acesse o seu blog e clique na guia "Modelo" e em "Editar HTML".
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 == "item"'>
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.
Pronto,clica em visualizar se mostrar a imagem do seu blog está ok,pode salvar.
Qualquer coisa entre em contato!
Até mais!
