Seguidores

Pesquisar este blog

sábado, 14 de abril de 2012

4

Imagem ao lado do título das postagens


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:

Agora vamos aprender a como colocar imagem no titulo da postagem do blogger. É super facil!
Entre no blogger ->; Design -> Editar HTML e marque a opção "Expandir modelos de widgets"
Após isso tecle "Ctrl + F" e procure por:

ANTES desse codigo acima, acrescente:


.post h3 {
background:transparent url("URL da IMAGEM") no-repeat left top;
margin:.25em 0 0;
padding:10px 0 8px 50px;
font-size:140%;
line-height:1.4em;
color:$titlecolor;
}

Ficando assim:

No lugar onde esta URL da IMAGEM substitua pelo link da imagem que você quer colocar do lado dos titulos do post de seu blog.
Alguns links onde há gifs para colocar do lado dos titulos: http://kinha-mil.vilabol.uol.com.br/minigifs.html
Beijos! Espero ter ajudado

4 comentários:

  1. obrigado foi o unico metodo que funciono aki
    que DEUS te abençoa

    ResponderExcluir
  2. Ai linda teu blog é fofo , é lindo , interessante & completíssimo , adooorei amada ! Amei mesmo !
    Tudo o que eu procurava está aqui *-*

    ResponderExcluir
  3. Obg fofa , ñ por seus tutos mas pelos seus links , fui clicando em cima das decorações de seu blog e passei todas para minah agr meu blog faz sucesso e é complétissimo mto obg por tudo isso !!!

    ResponderExcluir

LinkWithin

Related Posts Plugin for WordPress, Blogger...