Hoje vou ensinar como adicionar ao lado do título da postagem uma imagem ou ícone, para deixar seu Blog com Layout personalizado veja abaixo como fazer, mas atenção antes de começar é recomendado fazer uma cópia do template pois se alguma coisa der errado você pode voltar rapidamente:
1.Faça login no Blogger
2.Vá para Layout->Editar HTML->marque a caixinha Expandir modelo de Widget
Agora utilizando as teclas Ctrl e F procure pelo código abaixo:
<b:includable id='post' var='post'> Agora um pouco abaixo dele encontre o seguinte código:
<a expr:href='data:post.url'> 3.Agora após o código anterior insira o código abaixo modificando de acordo com a nota:
<img src='http://Url da imagem ou icone' style='vertical-align: middle;'/> Nota:Altere onde está em azul pela url da imagem ex: http://i38.tinypic.com/29li8zl.png
Depois de adicionar a linha acima deverá ficar parecido com a imagem abaixo:
4.Salve as alterações e visualize.
Pronto! O ícone ou imagem vai aparecer em todos os títulos das postagens se não encontrou um ícone sugiro o Famfamfam
12 Comentários
adorei, bigaduuu!!!
@Aline Pires , Obrigado a você por visitar.
To olhando abaixo dos posts, é super arrumadinho e organizado. :)
Eu queria por ícones diferentes em kda postagem, arrumei um jeito de add na hora, mas isso cansa. Todo post tem que ir, por código, add url...-Chato.
@FORGET-ME-NOT,
parabens mais uma vez, eu tava tentando em muitos sites mais foi aki que consegui, muito bem explicado....
Deu certo! Eba
Valeu, mais o que eu realmente queria saber é como botar uma imagem no fundo do post, se vc ja explicou isso me manda o link e muito obrigado
Adorei pessoal obrigada ficou ótimo lá no blog!! bjo.
como adiciono miniatura na caixa de compartilhar com face book? eu tinha duas. depois que deletei o networked, agora só ficou a foto do meu perfil. E justamente a miniatura tinha relação com o meu bloge quando enviava para o facebook, aparecia a postagem com a tal miniatura.
Obrigado
Cara eu não to conseguindo colocar, sempre aparece a seguinte mensagem:
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: Element type "img" must be followed by either attribute specifications, ">" or "/>".
po cara valew, vc explico de um jeito facil e simples e eu consgui valew mesmo.
Visite e veja a imagem:
http://full-bmx.blogspot.com/
Obrigado muito cara, você explica muita bem, já sou seu leitor a um tempo. Obrigadão
Meu blog:
montandoseublogger.blogspot.com
Postar um comentário
Deixe seu comentário aqui
Para exibir sua foto, escreva o seu comentário e clique em "Visualizar" e em seguida clique em "Adicionar Foto de Perfil"(Só é exibido quando o comentário é publicado como Conta do Google). Para editar seu perfil Clique aqui.