24.11.12

Tutorial - Personalizando cada Gadget do Blog


Yo Pessoal!!

Bom,Primeiramente queria agradecer a vocês pelos os 120 seguidores cumprimos nossa meta.Agora a meta é 150 oks!! Let's go >< Tá então vamos ao tutorial.Vou ensinar a personalizar cada um dos gadgets do blog, podendo deixa-los diferentes, sem ter aquele certo "padrão".



Bom, é trabalhoso de fazer, mas acho que vale apena.

Abra o HTML do seu blog e clique em "Expandir modelos para Widgets".
Agora procure pelo nome do seu gadget e então você vai achar algo assim:

Decore ou cole em um bloco de notas o que está em vermelho. Depois procure por ]]></b:skin> e acima dele cole:
#ID-DO-GADGET {
background: #fff; /*Cor de fundo do gadget*/
border: 1px solid #ccc; /*Cor da borda*/
border-radius: 10px; /*Bordinhas arredondadas*/
}
#ID-DO-GADGET h2 {
/*Estilos para o título do gadget*/
Font-family: Verdana;
color: #000;
font-size: 14px;
}

Enfim, depois é só modificar, e se quiser adicionar mais alguma coisa. Se quiser deixar o gadget transparente, use isso:
#ID-DO-GADGET {
background: transparent; /*Cor de fundo do gadget*/
border: none; /*Cor da borda*/
box-shadow: none;
}
espero ter ajudado kissus minna
Créditos ao blog: If I Ruled The World


5 comentários:

  1. Felicidades pelos 120 seguidores!! :D

    grande tuto ^^

    Kissu*
    //Pankax&Pankadax

    ResponderExcluir
  2. Eu acho bem facil e rapido o tuto,pratico.
    ;3 adorei.

    ResponderExcluir
  3. Que belo efeito ! Quando estiver com tempo vou vim aqui para aprender certinho amei ♥

    http://sonhos-sinceros.blogspot.com.br/

    ResponderExcluir