sábado, 26 de março de 2011

Como colocar uma imagem ao lado do titulo do post





Vi esse tutorial no blog da Candy (trechy Teen) e achei ele bem interessante, aliás a maioria dos tutoriais de lá eu uso aqui no blog. Esse nos ensina a como colocar imagens ao lado do titulo da postagem, é bom porqu da um destaque.Bom,o mais indicado é você coloque mine gifs pois fica discreto e fofo , mas não coloque gifs que roubem a atenção do título,no meu eu coloquei o mini gif de um cupcake!
 Clique em Mais informações para ler o tutorial. 


 
Primeiro, vamos escolher qual mini gif voce quer. Por isso no blog da Candy há uns muito fofos.


•Primeiro vá em Design - Editar Html , e marque a opção '' expandir modelos de widgetds ''
quando a página terminar de carregar , pressione Ctrl + F e procure por :

data:*post.*link'> < data: *post. * title*/> < / a*>

•Quando o código procurado aparecer , logo abaixo tem tem :

< b:else*/ >

•Do lado dele coloque esse código , substituindo o trecho em vermelho pela url do mine gif que você quer colocar:

< *img src=' URL DA SUA IMAGEM' style='vertical-align: middle;'/ *>

Exemplo:

 


•Pronto agora visualize , se ficou do jeito que você queria , salve , se não apague a url e coloque outra , mas cuidando quando for apagar a url para não apagar as aspas que tem fora dela :

'
url da sua imagem '  , só apague a url e não as aspas ok ? se não dá erro.

OBS: Retire os espaços e as * ! 
 

3 comentários:

  1. Ameei seu blog, já estou seguindo.
    Seguee tbm? blogandoetecendo.blogspot.com
    bjoks =D

    ResponderExcluir
  2. fico feliz ao saber que gostou! volte sempre (:

    ResponderExcluir