Cursos 24 Horas - Cursos 100% Online com Certificado

Imagem ao lado do título das postagens (Blogger/Blogspot)

16 Comentários Autor : Notícia e blog 24 setembro 2009


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 

    16 Comentários

    Aline Pires. disse...
    14 de novembro de 2009 16:35 #

    adorei, bigaduuu!!!

    Notícia e blog disse...
    14 de novembro de 2009 16:41 #

    @Aline Pires , Obrigado a você por visitar.

    FORGET-ME-NOT, disse...
    4 de janeiro de 2010 03:04 #

    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.

    Anônimo disse...
    9 de setembro de 2010 08:46 #
    priscila disse...
    25 de setembro de 2010 12:56 #

    parabens mais uma vez, eu tava tentando em muitos sites mais foi aki que consegui, muito bem explicado....

    Ariedson disse...
    4 de dezembro de 2010 14:13 #

    Deu certo! Eba

    Bolinando a Mandioca disse...
    16 de dezembro de 2010 16:14 #

    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

    Lígia Paulino disse...
    3 de janeiro de 2011 04:38 #

    Adorei pessoal obrigada ficou ótimo lá no blog!! bjo.

    thomaz disse...
    29 de janeiro de 2011 18:12 #

    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

    Gabi Costa disse...
    8 de maio de 2011 11:23 #

    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 "/>".

    João Gomes bmxer disse...
    11 de maio de 2011 16:21 #

    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/

    Leandro Cardoso da Silva disse...
    3 de abril de 2012 20:39 #

    Obrigado muito cara, você explica muita bem, já sou seu leitor a um tempo. Obrigadão

    Meu blog:

    montandoseublogger.blogspot.com

    Croki disse...
    4 de agosto de 2012 00:44 #

    Amigo eu quero que o titulo das postagens fique do lado da miniatura da imagen do conteudo na pagina inicial se poder mim ajudar agradeço.

    Nick McCurdy disse...
    20 de agosto de 2012 11:34 #

    o meu ficou encima como corrijo?

    samuel disse...
    30 de julho de 2013 21:38 #

    Vou colocar em meu blog esta dica , valeu.

    Rodrigo Herrera disse...
    20 de dezembro de 2013 01:49 #

    Coloquei um Like Botão ao lado dos títulos... valeu! https://developers.facebook.com/docs/plugins/like-button

    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.