Mostrar assuntos relacionados no blog


Gadget Postagens RelacionadasMostrar as postagens relacionadas com uma miniatura da imagem, isso é no final de cada um de seus textos aparece o link de alguns outros textos do seu blog com uma imagem, isso é muito útil para gerar trafego entre suas paginas, pois mantêm as pessoas mais tempo no seu blog e isso faz melhorar sua classificação nos sites de busca. Podendo até gerar mais visitas.

É muito fácil de fazer usando o site LinkWithin você só precisa digitar o seu email, endereço do seu blog, escolher a plataforma (sugerimos escolher a opção Other e não a opção Blogger) assim poderá pegar o código em vez de adicionar diretamente no blog, isso é útil, pois dependendo do seu template se usar a opção blog poderá ter alguns problemas como aparecer um gadget vazio, mas se quiser fazer o teste usando a opção blog pode dar certo. e o numero de links que mostrará(Width:). Caso seu blog tenha um fundo escuro e letras claras marque a opção My blog has light text on a dark background, depois é só clicar em Get Widget e copiar o código para colocar no seu blog.

Agora que já copiamos o código para mostrar os assuntos relacionados no Blogger entre na pagina editar html, clique para expandir o modelo e procure por:

<data:post.body/>

Quando encontrar coloque o código que copiou exatamente abaixo dessa linha, clique para visualizar e se estiver tudo certo é só salvar e já está pronto. Agora seu blog mostra o link de algumas postagens com miniaturas no final de cada um dos textos. Se você achar que esses links ficaram muito juntos com sua postagem ou dos comentários pode colocar <br/> antes e depois do código, isso faz deixar uma linha em branco, pode repetir quantas vezes quiser, ou seja, cada <br/> é uma linha em branco.

Para fazer esse tutorial instalei LinkWithin no blog Frases Curtas.

Já dissemos algumas vezes que não era possível mudar o teste em inglês You might also like que aparece em alguns blogs, mas encontramos como fazer isso, então fizemos uma nova publicação(05/01/2010) sobre o assunto, veja como personalizar o texto mostrado nas postagens relacionadas.

Leia também:

Criar enquetes
Colocar bordas nas imagens
Problemas com os comentários
Criar uma separação entre as postagens

68 comentários:

Sarah Sapeka disse...

Esse negócio nunca funcionou comigo... Mas parece bem legal =)

Fabiano Roberto disse...

Sarah Sapeka
eu também pensava assim, mas conseguir colocar no meu outro blog http://www.frasescurtas.com.br

Thyego Ferraz disse...

Oi, gostaria de saber por que só está aparecendo em uma postagens?

Fabiano Roberto disse...

Thyego Ferraz
talvez tenha colocado o código em lugar errado ou seu template é diferente, mas usei desse jeito e funcionou em todas as postagens do meu outro blog Frases Curtas que o link está no comentário anterior a esse.

sugiro que tente novamente

Camilla disse...

Boa noite Fabiano!

O meu primeiro contado com esse aplicativo foi em um site de uma amiga eslovênia. Cliquei e, fuçando, consegui colocar nos blogs. Confesso que até nesse que é só para teste tem. ^^

É muito fácil de usar!

Abraço.

Kayan Ruiz disse...

Vlw.. consegui fazer aki.. por sinal bem facil... tinha visto em um blog de um amigo.. mais naum oonseguia axar como que colocava.. vwl.. parabens !!

Thyego Ferraz disse...

já mudei o cogido para varios lugares, mais sempre só aparece uma postagem com os links.

Fabiano Roberto disse...

Thyego Ferraz

deve gerar conflito com o código para resumir as postagens(leia mais), infelizmente acho que terá que escolher um dos códigos para usar no seu blog ou então usar mostrando em apenas uma postagem.

Yanick_king disse...

Bom post.
Gostei muito do seu blog, consegui tirar umas duvidas que tinha e com este blog consegui ter umas ideias para melhorar o meu.
http://downzpt.blogspot.com/

Fabiana disse...

Olá, gosto muito de suas dicas. Tem como colocar como o seu, só os links, sem as fotos?
Obrigada

Fabiano Roberto disse...

Fabiana
os meus links eu faço manualmente assim posso escolher as postagens, não é código automático.

tinho disse...

Estava Procurando Postagens Relacionadas, Mas meu novo Template ta dificil de aceitar, esse é muito melhor para mim, e ficou muito show de bola !
Amanha Vou Postar Esse Tutorial/Dica no meu BLog e COlocar uns 2 Link pro seu !!!
Parabens foi muito UTIL
wwww.download-do.com

veja como ficou show de bola

Fabiana disse...

Obrigada pela resposta.

Jack disse...

Fabiano no meu blog, apareceu somente assim:

You might also like


LinkWithin

Na visualização será que qdo salvar aparecerá normal?
A vi no site que a indexação das postagens pode demorar varias horas!!
Gostaria de saber também se no seu demorou para aparecer as postagens.

Fabiano Roberto disse...

quando coloquei no meu funcionou na hora, mas demorei alguns minutos entre fazer o código no site LinkWithin e colocar no blog pois estava escrevendo esse tutorial.

salve e espere um pouco se não funcionar, volte no site e faça novamente.

Jack disse...

Fabiano deu certo tinha que colocar abaixo de outro codigo que tenho abaixo das postagens,(copie esta postagem para seu blog) porem agora gosataria de retirar? (copie esta postagem para seu blog), mas qdo tento retirar esse cdg aparece esta msg:
Não foi possível salvar o modelo
Corrija o erro abaixo e envie o seu modelo novamente.
Não foi possível analisar o seu modelo, pois sua formatação é inadequada. Certifique-se de que todos os elementos XML estão fechados adequadamente.
Mensagem de erro em XML: The element type "div" must be terminated by the matching end-tag "
Este é o trecho que estão os 2 cdgs,mas só quero retirar a que se refere s copie esta posatagem para seu blog?

Espero que possa me ajudar?

Valew cada vez melhor o blog.

Jack disse...

Desencana ja consegui tirar !!
Por acaso seria possivel aumentar o tamanho da img ou deixa-las mais distantes uma da outra?

Fabiano Roberto disse...

já tive esse problema tentei muitas vezes até conseguir retirar um código desse do meu blog, tem que tentar e procurar os detalhes, em algum lugar está faltando ou sobrando algo.

**Groove Sreet** disse...

obrigado, mais uma vez me ajudou legal aqui, sou novo no serviço ,pois não tenho curso e essas coisas, apenas 15 anos, e voce sempre me ajudando, por isso muito obrigado...

visite meu blog e avalie ou dê palpites ok?

obrigado

Vinicius disse...

Eu estou usando sim e gostei muito não tenho nada a reclamar além de ser a nova "moda do momento"

L&amp;N disse...

Muito legal, acabei de instalar no meu blog!
Abraços

John GFBPA disse...

ja usei esse e não gostei..
fica feinho hehe
será q nao tem como deixar mais simples, tipo o seu?
só com o texto.
vlw

Fabiano Roberto disse...

John GFBPA
mas essa minha lista faço manualmente no final de cada postagem, já vi uns códigos para fazer isso, mas as vezes que fui testar não funcionaram por isso não publiquei aqui no Dicas para Blogs.

Cristina disse...

Gostei deste blog e estou recomendando.
Parabéns!

Lucas Muller disse...

Ele não aparece no meu blog!
Só aparce isso

You might also like:

LinkWithin

e as Imagens não aparce Help!

Fabiano Roberto disse...

Lucas Muller
veja se está colocando o código no lugar correto

Gabriel Menezes disse...

Olá Fabiano,

Sou um grande fã do blog e sempre venho aqui. Gostei muito deste recurso para "textos relacionados", porém no meu blog eu uso o recurso de posts reduzidos com miniatura da foto. Caso você descubra alguma solução para que o textos relacionados fique só na parte de dentro dos posts, me ajudaria muito.

Um grande abraço...

Junior Alves! disse...

Parabêns seu blog e nota dez, muito bom mesmo.
ass. junior alves

SobDown disse...

olá amigo eu não consigo colocar o fundo branco e nem colocar 4 eu só coloco 3 e o fundo preto mais o meu template é branco porfavor me ajude mande um email para daniel52zn@hotmail.com muito obrigado

Julio disse...

Coloquei o código no meu blog e funcionou tudo ok. O problema é que as imagens ficaram fora do espaço delimitado para as postagens e desalinhadas. Como resolvo isso??? Muito obrigado.


www.quimicamusicaefirula.blogspot.com

Rec Downloads disse...

mano no meu blog apareceu tudo certin mais ficou com um nome antes na imagen um nome assim: You might also like: eu queria substituir isso por Poderá também gostar de: como fazer??

Fabiano Roberto disse...

SobDown
use nossa pesquisa para achar sobre cores e imagens de fundo.

para mostrar 4 itens em que configurar novamente no site do linkin

Fabiano Roberto disse...

Julio
você deve ter colocado o código no lugar errado

Rec Downloads
veja se nas configurações do seu blog está selecionado o idioma portugues(brasil)

configurações >> formatação

Julio disse...

Diminui o numero de imagens que quero que apareça para 3. Agora ficou dentro espaço correto, porém está alinha a esquerda, teria jeito de eu centraliza-las deixa-las um pouco mais para baixo das postagens???? Eu não fiz a inclusão manualmente, foi o próprio site aqui indicado que configurou, ok.

Estou no aguardo


Julio

Fabiano Roberto disse...

Julio
para modificar isso terá que entrar no html do seu blog e colocar o
como falamos na postagem se quiser coloque o código das postagens relacionadas assim para centralizar

<p align="center">código aqui;</p>

Fabiano Roberto disse...

onde mudou de linha era para aparecer o <br/> que faz pular uma linha no blog rsrs

Julio disse...

Kara fiz isso que você me disse para centralizar mais não está havendo nada que resolva, já não sei mais o que fazer... Muito obrigado pela ajuda. Se tiver alguma coisa que eu possa fazer por favor me da um alô. O que sugeriu eu já fiz e ainda está do mesmo jeito. Da uma olhadinha lá pra você vê.


Julio
Vlw

Julio disse...

O espaçamento funcionou... só falta centralizar agora...

Rec Downloads disse...

ja ta em portugues brasil sim mais ta em engles assim mesmo.

Fabiano Roberto disse...

Julio, usar o <p.... para centralizar não funcionou? tente trocar por
<div align="center">conteudoaqui</div>

Rec Downloads disse...

mano nas configurações do blogger ja ta em portugues mais ainda fica os nomes em mportugues tipo no teu blog o nome que aparece é:Poderá também gostar de: no meu aparece assim: You might also like: ajuda ae mano por favor

Fabiano Roberto disse...

Rec Downloads
já pesquisei e não encontrei como trocar a frases para o português, parece não ter como fazer, ela é automatica.

Rec Downloads disse...

mano mais como esta frase nos outros blogs ficam em portugues me add no msn pra agente fer melhor gabriel-senv@hotmail.com blz vlw

Fabiano Roberto disse...

exatamente isso que falei não vejo a explicação porque na maioria dos blogs fica em português e em alguns como o seu ficou com a frase em inglês, mas parece não ter como mudar isso

Natalino disse...

Obrigado Fabiano. Seu blog é Fantástico e de grande Utilidades

Azoresub-Bluewater disse...

boas!!! `possivel alterar a frase "Poderá também gostar de"

Fabiano Roberto disse...

não achei como trocar a frase padrão feita pelo site

Azoresub-Bluewater disse...

ok obrigado na mesma 5* ;)

hamanda disse...

Ola botei no meu blog mais eu gostaria de saber como munda o nome
You might also like por você tabem ira gosta de como eu fazor isso ?
não estou achado o luga pra bota ??

nettuno disse...

Muito bom eu ja estava procurando ja fas um bom tempo e ficou bom no meu blog,já aproveitei varioas coisas do dicas para blog gostaria de parabenizar os altores do blog!!!
http://blog-do-netuno.blogspot.com/
de uma olhada como ficou.

Bianca disse...

Gostei muito da explicação sobre como adicionar novos comandos ao programa. Até para mim, que sou um "zero a esquerda" achei fácil entender e aplicar. Adorei este site e toda vez que precisar de um "norte" estarei visitando.

Diego by ComputerDicas disse...

Muito bom o aplicativo, meu blog precisava mesmo disso, pois publico imagens em todos os posts, logo aparecer imagens torna-os mais atrativos para meus leitores. Se quiser olhar como ficou o link é www.computerdicas.blogspot.com

Obrigado! Estarei sempre ligado neste excelente site para blogs.

Grande abraço

xXadm guilhermeXx disse...

vlw mano, comigo funciono tudo sertinho

Daniele Organista disse...

Olá, tentei colocar das duas formas, direto do blogger e pelo código, mas das duas vezes apareceu a mesma coisa.
Aparece essa frase "You might also like" e onde deveria ficar as fotos dos posts relacionados fica em branco. Poderia me ajudar??
obrigado

Fabiano Roberto disse...

Daniele Organista

o código fornecido pelo site não permite alterações, então se não der certo o jeito é tentar novamente, mas alguns blogs tem problemas com esse código que não é possível resolver

Bruno Garcia Uploader Master disse...

Cara mandou bem nessa heimm!!

Me ajudou pra caramba continua asim

:D

Cris disse...

Adorei esse linkwithin, coloquei pela opção de blogger e deu certo.Mas retirei, porq esse linkwithin ainda tem que melhorar.Eu tinha uns post só de teste no meu blog, e mesmo depois que exclui esses posts, ainda continuaram aparecendo nas relacionadas.Como meu blog é novo, fiz outro ,só que com o mesmo nome, para ver se lá sendo novo, sem nenhum post já publicado, aqueles posts antigos desapareceriam,porém não adiantou, como o url era o mesmo, continuaram aparecendo. Vc sabe se desaparecem depois?

Vou recolocar quando fizer meu domínio próprio.

Vitor disse...

Amigo,

O que devo fazer quando uso o leia mais em meu blog?

Quero que esse recurso apareça apenas nos links internos (quando a pessoa clicar em leia mais)
sem fazer com que apareça na página inicial.

Fabiano Roberto disse...

o recurso leia mais só funciona na pagina principal do blog(por que tem varias postagens)

Vitor disse...

Amigo,

Me desculpe por não ser claro...

Eu quero colocar o LinkWithin no meu blog, só nas paginas internas das postagens e não na pagina inicial...

quando eu add o plug, ele aparece na pagina inicial e eu só queria q aparecesse nas paginas internas (pagina do post)...

Tem como?
Obrigado.

Fabiano Roberto disse...

Vitor, acho que não é possível ou usará em todas as paginas ou nenhuma delas

Henry disse...

Gostaria de saber se há um código para que as "Postagens Relacionadas" ficassem embaixo do rodapé?... pq uso o hack "Leia mais" e gostaria q os post relacinados ficassem embaixo do leia mais.

Obrigado

Ateliê Bonekitas disse...

Olá,gostaria de que aparecesse Poderá gostar rambém de : , ao invés do You might also like:

Pode me dizer como ?

Fabiano Roberto disse...

Ateliê Bonekitas
infelizmente não achei como modificar isso no código, veja as configurações do seu blog se estão em portugues

saul disse...

Olá muito obrigado pela dica. coloquei no meu blog funcionou legal. valeu, Feliz ano novo amigo!

»Jimmy Neutron« disse...

Valew Fabiano...seu blog ta de Parabéns...sempre sigo suas dicas...

Anna princess disse...

Obrigada Fabiano mais uma vez seu blog me ajudou.

Sijuu / Reinaldo disse...

Olá.

Eu queria muito algo assim para os visitantes ficassem mais tempo no meu blog mas eu não achei o código citado do meu html, mas coloquei no meu blog um widget sem título e funcionou perfeitamente em todas as postagens

:D

obrigadão.

eu perco muito tempo no seu blog para melhorar o meu xD

blog muito útil.

desejo sucesso.