LinkWithin – Artigos Relacionados no Roda-pé com Imagens

Siga o Ferramentas Blog: Canal no Youtube | Facebook | Twitter | Google+
Acesse AGORA: https://blogueiro.pro e se torne um Blogueiro de Elite.

linkwithin-modelo Sempre reforçamos aqui a importância da navegabilidade de seu blog e de se colocar links que apontem para os artigos dentro de seu conteúdo para que seus visitantes continuem navegando. Uma boa forma de chamar a atenção para artigos relacionados é usar esses links no fim dos posts como indicações de leitura. Então encontrei o LinkWithin que adiciona esse código aos seus artigos com imagens e bem atraente. Funciona tanto no Blogger quanto no WordPress.

ATUALIZAÇÃO: Já há um modelo padrão para o Blogger/Blogspot que é mais fácil.

Se você usa o WordPress, veja abaixo como proceder.

Vamos mexer no código-fonte do blog para adicionar algumas linhas de código para fazer funcionar. Então vejamos alguns processos iniciais:

Você pode ver o resultado deste tutorial abrindo os artigos do blog Lemos [idéias].

Inserindo Artigos Relacionados no Roda-pé dos Posts.
linkwithin-logo O site LinkWithinhttp://www.linkwithin.com/ é quem cuida de todo o procedimento e é bem simples de usar, mas vai precisar um pouco de atenção para adicionar no Blogger. Para o WordPress é gerado um plugin e o processo é praticamente automático. Para as duas plataformas o processo inicial é o mesmo.

Para o Blogger.
Ao entrar no link indicado complete o formulário, conforme indicado na imagem. Mas, onde se deve escolher “Platform”, NÃO selecione “Blogger” senão não vai funcionar. É preciso escolher a última opção “Other”.

painel-linkwithin-blogger

Onde está indicado “Color” é a cor de fundo, se clara ou escura. então clique no botão “Get Widget!” e na janela que abrir, você verá um código. Identifique a seguinte parte em destaque na imagem abaixo, onde tem uma série numérica que é o Número de identificação do seu blog. Vamos precisar desses números para fazer funcionar o recurso.

instal-linkwithin-id

Vá ao painel do Blogger, clique em “Layout” ~> “Editar HTML” e marque a opção “Expandir modelos de widgets” para poder identificar e encontrar essa linha do seu código-fonte:

<div class='post-footer'>

Pode existir mais de uma, então procure pela segunda. Imediatamente ANTES dela cole o seguinte fazendo a modificação indicada:

<b:if cond='data:blog.pageType == "item"'>
<script>
var linkwithin_site_id = NUMERO-IDENTIFICADOR;
(function () {
var elem = document.createElement('script');
elem.type = 'text/javascript';
elem.src = 'http://www.linkwithin.com/widget.js?rand=' + Math.random();
document.getElementsByTagName('head')[0].appendChild(elem);
})();
</script>
<a href="http://www.linkwithin.com/"><img src="http://www.linkwithin.com/pixel.png" alt="Blog Widget by LinkWithin" style="border: 0" /></a>
</b:if>

Onde está vermelho, substitua pelo número que marcamos. Salve o modelo e veja o resultado em seu blog.

Para WordPress.
Para adicionar isso ao seu Blog no WordPress, basta repetir o procedimento inicial, mas agora onde está plataforma, selecione “Wordpress (self-hosted)”. Isso significa que só funciona para quem usa o WordPress com hospedagem.

painel-linkwithin-wordpress

Na página que abrir, basta fazer o download do arquivo ZIP do plugin e seguir os procedimentos indicados, como você já está acostumado a fazer para adicionar plugins em seu Blog WordPress.

Artigos relacionados e úteis:

Fonte: Related Posts with Thumbnails using LinkWithin

.

60 Comentários

  1. Marcos Lemos.
    Tenho uma Pergunta Aqui Funcionou Perfeitamente.
    mais aparece três imagens.e se eu quiser quatro por exemplo como faço?

    ->Beko<-

    Responder

  2. ::: Desculpe-me se a pergunta é idiota, pois talvez eu não tenha entendido direito o post, mas não vai fazer a mesma coisa se usar o jeito clássico do jeito que vc explicou?

    Responder

  3. @Blog do Zé Marcos,

    Se fizer exatamente como está descrito no site, para aplicar no Blogger, os links aparecerão na página principal tb e ocuparão muito espaço.

    Assim como mostrei eles aparecem apenas quando se abre um artigo.

    Fica à sua escolha.

    Responder

  4. Muito bom mesmo. Como o meu blogue é principalmente de imagens, tenho procurado por algo assim faz tempo.

    Obrigado nos dar a conhecer esta opção.

    Abraço.

    Responder

  5. Olá Marcos, tudo bem?
    Eu já há um bom tempo que faço uso do Linkwhitin e acho mesmo ótimo! E eu utilizo como está no site mesmo, pois gosto desta forma tb. Mas a única dúvida que tenho a respeito, é de como deixar o texto dele em português assim como está no seu blog e em outros já que andei vendo tb.
    Se puder ajudar ficaria mais uma vez muito agradecida.
    Um abraço a ti,
    obrigada mais uma vez,

    Lucy

    Responder

  6. Acredito se o blogueiro for direto no site do LinkWithin, seja mais fácil, pois ele coloca diretamente no blog sem precisar do trabalho de pegar o numero identificador do blog.

    Responder

  7. @Lucy,

    o processo do idioma é automático e não te como mudar. O Script deles é que determina o idioma.
    Infelizmente não sei como te ajudar nisso.

    Responder

  8. Olá Marcos, coloquei em todos os meus blogs e fiz direto pelo site e deu certo. Adorei. Percebo que voce não tem twitter para eu seguir. Mas já assinei seu feed.
    Grande abraço!

    Responder

  9. @Marcia,

    tenho twitter – @hordones – faltou vc olhar no topo da página, abaixo do formulário de pesquisa.

    Segue a gente!

    Responder

  10. Olá, Marcos!

    O LinkWithin é mesmo um ótimo plugin, um dos melhores que já vi para mostrar artigos relacionados.

    Tenho apenas duas considerações sobre seu artigo:

    1. Em meus blogs (no Blogger), fiz a inserção do LinkWithin de forma automática e funcionou corretamente. A única alteração que fiz posteriormente no widget no template foi adicionar uma condição para que ele não fosse exibido na página principal.

    2. Você respondeu ao Beko que não é possível exibir mais de 3 artigos relacionados. Isso é possível sim: basta enviar e-mail para support@linkwithin.com com o endereço do seu site, solicitando a alteração. Isso é feito diretamente no servidor deles, sem precisar de alteração no blog. Os meus blogs já estão mostrando 4 artigos.

    Um abraço!

    Adelson
    Gerenciando Blog

    Responder

  11. Fiz e funcionou bem!
    Fucei mas: Será que há um jeito de retirar ou ocultar as linhas verticais que separam as imagens?

    []'s

    Responder

  12. Essa ferramenta é realmente muito interessante, mas me desagradou o fato dele exibir imagens do tipo gif e png sem a transparência. Como eu sempre salvo as minhas com fundo ciano, o blog acabou ficando meio cegante. Resultado: as imagens terão que ser editadas se quiser colocar a ferramenta de volta.

    Responder

  13. Gostei muito dessa ferramenta. Foi muito útil pra mim. Excelente!

    Acabei de fazer uma grande mudança no meu template, e seu blog foi muito importante para que acontecesse. Obrigada!

    Responder

  14. Putz… todo mundo conseguiu fazer direitinho, só eu que não…no meu as imagens não aparecem…mas será resolvido =D
    Estou usando umas dicas daqui e que por sinal são muito legais..
    Abrações
    Jorginho Raposão

    Responder

  15. eu tô irritada com o Linkwithin não conseguia colocar de maneira alguma… depois consegui colocar em 2 blogs meu no 3° não consegui de jeito nehum…Ai agora ele simplismente não mostra mais nada! mas continua lá eu não o deletei… obs NÂO mudei o template nesse tempo.
    So aconteceu comigo??

    Responder

  16. Marcos, qual é a diferença do Link Within ensinado aqui para o que foi ensinado nesta outra postagem sua: Gadget de Artigos Relacionados com imagens para Blogger?

    Responder

  17. @Hamilton,
    São dois serviços bem diferentes. Vc precisa testar cada uma pra ver qual é melhor para seus blog.
    O segundo é quase um modelo padrão do Blogger e tende a ter melhores resultados.

    Responder

  18. Obrigadaaaaaaaaaaaaaaa, sua postagem é a única completamente correta. Antes eu estava com problema pq além de aparecer no final de cada Post, estava aparecendo na página inicial abaixo de cada chamada de Post " bizarro ". Obrigada adorei a explicação.

    beijão

    Responder

  19. Olá Marcos.
    Gostei muito da dica.
    Me ajudou muito e agora tenho mais essa ferramenta no meu blog.
    Muito obrigada.

    Ótima semana!

    []s

    Responder

  20. Prezado Marcos. Estou montando um blog e tenho observado que em blogs semelhantes a função do linkwithin é muito utilizada. Tenho uma dúvida e gostaria de sua ajuda para soluciona-la, ou seja: no campo – também poderá gostar de: – eu posso utilizar a linkwithin para buscar publicações de outro blog ou apenas do meu? Desde já agradeço – Carlos Artur

    Responder

  21. Olá !!!

    Aleluiaaaa !!! Nem acredito que consegui !!! procurei dias e em vários sites , nunca deu certo !!! só com o seu método é que resolveu !!!
    Obrigada, obrigada, obrigada !!!!!
    Um abraço e sucesso !!!

    Responder

  22. Pingback: Dicas para Wordpress e Blogger – Artigos de Agosto/2009 | [ Ferramentas Blog ]

  23. Pingback: Gadget de Artigos Relacionados com imagens para Blogger | [ Ferramentas Blog ]

  24. Gostei da postagem! Fiquei horas procurando uma maneira de colocar Artigos relacionados no meu blog! Até que entrando direto no LinkWithin deu ceto, porém ficava meio estranho, pois até abaixo de (leia mais) aparecia os artigos relacionados. Essa forma como o FerrementaBlog explica é bem mais legal! Valeu e até mais vezes…

    Responder

  25. Bom dia pessoal… baixei o arquivo p meu site no wordpresse mais ñ funcionou ñ… o que será? instalei como manda o figurino… alguem mim ajuda?

    Responder

  26. Marcos

    Estou a utilizar o LinkWithin e está tudo a funcionar.
    Aconteceu que resolvi apagar uma mensagem e agora o LinkWithin continua a mostrar, a mensagem que apaguei, como opção, o que naturalmente não funciona se eu clicar na sugestão da mensagem que apaguei. Pode me ajudar SFF.

    Obrigado
    manuellopes

    Responder

  27. Eu tinha no meu site,como eu exclui um blog ele mostra tudo do blog que excluído.Vou levar quem sabe agora dá acerto.
    Coloquei no meu site recentes comentários com avatar ,super interessante,só que eu não posso responder os comentários,aparece minha foto,se vc souber como não aparecer eu agradeço.
    Obrigada.

    Responder

  28. Olá Marcos!
    Obrigado por compartilhar.

    No meu caso, quando vou obter o plugin (WordPress self-hosted) aparece a mensagem “Invalid URL blog”.
    Poderia me dar uma luz a respeito disto?
    E também gostaria de saber qual é este plugin que você usa aqui no FerramentasBlog para exibir posts relacionados (gostei dele também)?

    Desde já agradeço!

    Grande abraço!

    Responder

  29. eu consegui colocoar no meu blog mas ele aparece na pagina inicial , ja tentei de várias maneiras botar ele para aparecer soh nas postagens abertas mas não consegui .
    vc pode me ajudar ?

    Responder

    • É preciso verificar se seus artigos têm imagens.
      Além disso, certifique-se de que seguiu o procedimento de instalação corretamente. As vezes um pequeno erro ou mudança indevida no código atrapalha tudo.

      Responder

Deixe um comentário

Ao comentar você concorda com nossa Política de Comentários.