Image Map

21 de set de 2012

Tutorias::::::::: Personalizar cada gadget da sidebar

                           


Heeeeey tirus,primeiramente queria parabenizar a Bia, por virar vice-dona do ldb! Bom você conseguiu por eu sempre confiar em você! Bom vamos ao assunto! Vim trazer uma tuto muito boa, vamos seguir? Clique em Continue





Viram como o fundo está de cor diferente? Então vamos ao tutorial.

Primeiro você deve saber o nome do gadget que deseja mudar. No exemplo eu irei mudar o gadget de nome "Menu".

Abra o modelo HTML do seu blog e marque a caixinha "Expandir modelos de widgets"
Dê um clique dentro da janela com o código HTML, aperte Ctrl+F e procure pelo nome do gadget:

(Clique para ampliar)

Onde está em laranja é o nome do gadget que eu pesquisei. Onde está contornado de rosa é a Id do gadget, é desse nome que iremos precisar. Neste caso a Id do gadget é HTML1, anote ela que iremos usar no próximo passo.

Cole o código abaixo antes de ]]></b:skin>

#ID-DO-GADGET {background: #fff; /*Cor de fundo do gadget*/}#ID-DO-GADGET h2 {/*Estilos para o título do gadget*/Font-family: Verdana;color: #000;font-

 Você só tem que substituir a parte em negrito pela Id que pegamos no passo anterior e aplicar os estilos desejados. Eu coloquei apenas o básico do básico neste código, mas você pode adicionar todas as personalizações que quiser. Você fazer isso com vários gadgets do blog, é só pegar a ID e colar o código.
Espero que tenham gostado! Desculpem não estar respondendo muitos comentários. O tempo está curto e também estou tendo uns probleminhas na família... Mas não se preocupem, logo logo tudo vai se acertar.



Duvidas? Fácil , comente!
Fonte: Cherry Bomb

Nenhum comentário:

Central Débora Lyra- 2014. Todos os direitos reservados.
Layout por Nathaly Oliveira - Código Base desenvolvido por: Raphael Cardoso
Adaptação por Cecília Camimura
+ Agenda: