Imagem ao lado dos títulos dos posts

Oi! Postando o tutorial á pedido da Yasmim Azevedo do blog Tutti Frutti.

Já viram essa cerejinha que fica piscando ao lado do título dos posts aqui do C.B.? Pois é, hoje vc vai aprender a por uma imagem como essa no seu blog! É bem facinho, aprendi a fazer no blog da Diva Candy Reis, o Trechy Teen, então os créditos são todos pra ela!
Primeiro, procure um mini gif que combine com o design do seu blog. Eles são fáceis de achar na web. 


th_seta Abra o blogger, clique em Design e depois em Editar Html. Marque a opção ''expandir modelos de widgets '' .

th_setaQuando terminar de carregar a página , aperte Ctrl + F no seu teclado para abrir a caixinha de pesquisa e procure por :

<a expr:href='data:post.link'><data:post.title/></a>
      <b:else/>

th_seta Cole ao lado de  <b:else/>  o código abaixo:

<img src='URL DA SUA IMAGEM' style='vertical-align: middle;'/>
th_seta E substitua URL DA SUA IMAGEM pelo link do seu mini gif 

 
Protinho! Veja se ficou tudo certo e salve. Uma dica importante: NÃO apague as aspas quando for colocar o link da imagem. Todo link no HTML tem que estar entre aspas, se não dá erro.


Espero que tenha ajudado! 

26 comentários:

Agatha S. disse...

Adorei o tutorial *-*
Bem útil!
Beijos.
http://agathasplace.blogspot.com/

SININHO PATTINSON disse...

Oiee foi eu que pedi!
Beijos e seu blog é super legal!
visita o meu ? misspop-yasmin.blogspot.com

licia carla disse...

linda , ensina a colocar aquela imagenzinha na aba , onde fica o simbolo do bloguer , abraços

Cherry Liah disse...

Já fiz flor, procure por "como mudar favicon do blog" =)

Lais disse...

Consegui! Obrigada Liah

Maria Helena:* disse...

quero saBER COMO ACHAR A url DA IMAGEM :(

1GiuliaFerreira1 disse...

Usei no meu blog. dá uma olhada? http://baggirl-bg.blogspot.com/

Rafaellapockett disse...

ooooooow muito bom, é o melhor de todos aquii !

Bibisandrini disse...

Muito útil, até fiz em meu blog. Pra quem quiser, olha aí uma imagem que eu achei:
http://www4.pictures.zimbio.com/mp/-89evfJwe7Xs.jpgPodem usar o blog de vocês, viu? Ahh, eu amooo o Domo u.u**

Bibisandrini disse...

http://www4.pictures.zimbio.com/mp/-89evfJwe7Xs.jpg Pode usar essa imagem do URL, ok?

Daniele_kipper disse...

Oii, eu queria saber como que você deixa o selecionar do seu blog de outra cor (verde)? Se pudesse colocar o código ^^

Vic disse...

 daniele, não sou a liah mas tem um tutoral no trechy teen que ensina a fazer isso, olha o link: http://s2meh.blogspot.com/2011/04/mudar-cor-da-selecao-de-texto-no-blog.html espero que tenha ajudado ;)

Luandra disse...

Ameiii a dica..e sempre estarei por aqui!!

Faça uma visitinha http://amantesdodireito.blogspot.com/

Espero que goste!!

Christiana Lovato disse...

Geente segue ai meu blog 
http://modernophotoscape.blogspot.com/ 

Fernanda0598 disse...

Nossa, valeu !
http://menina-rejeitada.blogspot.com

Unknown disse...

Fiquei muito feliz ao encotrar esse tutorial, pena que não consegui encontrar o código! :/

Myu Takanashi disse...

Tutorial incrivel esplendido amei e funciona:
http://animetokiotokio.blogspot.com.br/

Victoria Sophia disse...

Valeu mesmo, em Liah! vou deixar meu blog aqui, caso você goste de música!! Amei, e tô creditando seu blog, ok!
http://mundo-minha-musica.blogspot.com

Beijinhos no s2!

Karool disse...

EU CONSEGUI FAZERRR AMEIIII , *-*
meu blog aqui :http://karolsapink.blogspot.com.br/

Allan Fixnet Uster disse...

Muito Grata bombom!
Passe no meu blog O PODER DA MENTE POSITIVA

Anônimo disse...

Oi, ameii o post, segue meu blog? chicbombom.blogspot.com.br

Beatriz disse...

MWAAAAAH FICOU LINDO!!!!!

Gabie♥ disse...

Ficou liindo no meu blog! http://www.blog-monsterhigh-brasil.blogspot.com

Sabrina Neri disse...

Me ajudou muito, obrigada *-*
beijodopandas.blogspot

Unknown disse...

Vou colocar um tutorial no meu blog sobre isso! visita lá!
blog-do-leleco.blogspot.com

Anônimo disse...

Leleco, saudades sua ! Descanse em paz meu gostoso :'( #morreu #meu #gato

Postar um comentário