17.7.13

modelo para sidebar

ooi galera, que saudades que eu estava de postar aqui no blog! hoje eu trouxe um tutorial super fofinho (e bem facil) de como deixar a sidebar mais personalizada, vai ficar assim  :


esse é o codigo que iremos usar : 
<style>/*Inicio Titulo dos gadgets*/.sidebar h2 {font-family: Verdana;font-size: 14px;text-align: left;color: #40250A; /*Cor da fonte*/font-weight: normal;background: #FFCCDF url('http://img194.imageshack.us/img194/4015/miniheart.png') no-repeat left top; /*Cor de fundo e imagem do topo*/padding-left: 12px;margin-bottom: 5px;border-top: 3px solid #FA3497; /*Borda do topo*/
-moz-border-radius: 10px; /* Para Firefox */-webkit-border-radius: 10px; /*Para Safari e Chrome */border-radius: 10px; /* Para Opera 10.5+*//*Estilo para titulo dos gadgets por  http://my-pink-cupcake.blogspot.com.br/ */}</style> 

Para colocar o codigo vc precisa ir em Design>Layout>Adicionar um gadget>HTML/JavaScript e colar o codigo, facil não? haha nos vemos mais tarde ou no proximo post, beijos ♥

5 comentários:

  1. Super fofo! ;)
    Beijinhos

    Giovana Aguiar
    garotacomcharme.com

    ResponderExcluir
  2. Hááááá! Santa Karin-Chan te amo *u* Era tudo o que eu queria na vidaaaaaaa *u* Adoro os tutos de colocar gadget pq os de html eu quebro a cabeça tentando fazer *v* Obrigadaaa
    Linda te amoo
    Bjs,
    Carool
    kkkkkkkkkkkkkkkkkkkkkk

    ResponderExcluir
  3. Hááááá! Santa Karin-Chan te amo *u* Era tudo o que eu queria na vidaaaaaaa *u* Adoro os tutos de colocar gadget pq os de html eu quebro a cabeça tentando fazer *v* Obrigadaaa
    Linda te amoo
    Bjs,
    Carool
    kkkkkkkkkkkkkkkkkkkkkk

    ResponderExcluir
  4. Hááááá! Santa Karin-Chan te amo *u* Era tudo o que eu queria na vidaaaaaaa *u* Adoro os tutos de colocar gadget pq os de html eu quebro a cabeça tentando fazer *v* Obrigadaaa
    Linda te amoo
    Bjs,
    Carool
    kkkkkkkkkkkkkkkkkkkkkk

    ResponderExcluir