Maratona de tutoriais : Personalizar cada gadget da sidebar

Hello *~* Estive a ver a tag de tutoriais do blog e o último que eu postei foi o ano passado '-' Então, esta semana vou tentar fazer uma maratona de tutoriais, estou a pensar fazer 5 posts de tutoriais seguidos. Ideia dada pela Stephanie.

Vou ensinar a personalizar cada gadget da sidebar, tipo assim :

Primeiro, tens que saber o nome do gadget que queres personalizar. Eu vou personalizar o gadget "Menu". 

Abre o html, seleciona a caixinha "Expandir modelos de widgets", clica ctrl+f e procura por "Menu" (ou o nome do gadget).

Cliquem para aumentar

A laranja é o nome do gadget e a rosa é o ID do gadget. Aponta a ID porque é dela que vamos precisar.

Agora cola o código abaixo em cima de ]]></b:skin> e substitui onde diz "ID do gadget" pelo nome que apontaste.

#ID-DO-GADGET {

background: #fff; /*Cor de fundo do gadget*/

}

#ID-DO-GADGET h2 {

/*Título*/

Font-family: Trebuchet ms; /*Fonte*/

color: #000; /*Cor*/

font-size: 14px; /*Tamanho*/

}

Espero que tenham entendido, créditos ao Cherry Bomb. O código só tem personalizações básicas, podem adicionar mais. Beijos :3