25 de julho de 2011

[Tutorial] Gifs do título do Sidebar.

OI galera. No primeiro tutorial quero mostrar como fazer uma coisa MUITO simples e muito fofa. São os gifs no título do sidebar. Vou mostra um exemplo:


Vamos começar então.

1. Entre nas configurações do seu blog. Clique na aba "Design" e depois "Designer de modelo"


2. Quando a página carregar você entra na opção "avançado" que é a ultima e depois "Adicionar CSS" que também é a ultima.

3. Cole o seguinte código na caixa branca:
.sidebar .widget h2{background: url(URL DA IMAGEM) no-repeat center right; padding: 10px 0px;}
Onde está escrito URL DA IMAGEM  você coloca o endereço da imagem que você escolheu. PRONTO
Visualize sua página, se tudo estiver certo clique em "Aplicar ao blog"

Vocês podem ver como o meu ficou: http://livretodeideias.blogspot.com/

Se você está com duvida de qual imagem colocar, vou dar algumas dicas, você também pode colar imagens normal, sem ser gif... mais lembre-se, sempre ícones.

                 

7 comentários:

  1. Adorei aqui, primeira vez que visito e me identifiquei! Estou seguindo.. Segue o meu e faz uma visita tambem? Beijos
    www.meudocedesejo.com

    ResponderExcluir
  2. Adorei o tutorial!

    Seu blog é super legal, estou seguindo! =)
    Beijos,

    http://raylullaby.blogspot.com
    e
    http://blahblshblahpop.blogspot.com

    ResponderExcluir
  3. http://blahblahblahpop.blogspot.com**
    Desculpa escrevi errado no comentário anterior!

    ResponderExcluir
  4. Ah, eu sempre quis aprender a colocar isso *-* haha obrigada pela ajuda amr, poderia retribuir o comentário? (:
    Bjs, Bjs .
    http://tendencias-teens.blogspot.com

    ResponderExcluir
  5. Barbara disse...
    Suas foto são lindas. Parabéns!

    http://diariodegarotas2.blogspot.com
    Resposta: Briigadim linda amei o blog!!!
    Beijos http://cucksnake.blogspot.com

    ResponderExcluir
  6. gostei mto do tutorial
    Boa quarta ;D
    by: Veve Pink
    http://portal-pattys.blogspot.com

    ResponderExcluir
  7. oK
    Boa quinta pra vc ;*
    by: Veve Pink
    http://portal-pattys.blogspot.com

    ResponderExcluir

Obrigada por comentar!
Por favor faça um comentário sobre o post que eu irei retribuir sem problema algum =) se estiver seguindo é só avisar que eu sigo de volta.