[Pedido] Personalizar cada gadget ou colorir todos+ Desculpas pela ausência

Hooý chocolates cobertos com limão, tudo bem? Morrendo de saudades de vocês fofuras. Espero que esteja tudo bem. Primeiramente, queria pedir desculpas por minha ausência aqui no blog, mas como alguns já sabem, é por casa das semanas anteriores que acabam amanhã, coberta de trabalhos para apresentar, com espaço de um dia de um para o outro, por isso não pude postar.

 Estava ouvindo hoje essa música do Oficina G3 que na verdade já era cantada por outros cristãos como Brian Head, Michael W. Smith e talz, só que eles regravaram e modificaram, ficou mil vezes melhor, recomendo que ouçam:

Save Me From Myself

Agora vamos a postagem?!

Então, recebemos um pedido no tumblr de um anônimo:

"Como colocar fundo nos gadgets?"

  e um aviso por comentário da Anilyan do blog Sou uma adolescente, dizendo que esqueci de ensinar como colorir os gadgets nesse tutorial aqui: www

 Queria agradecer aos pedidos e primeiro ensinarei a: Personalizar cada gadget:

xVisualize

Primeiramente você deve procurar o nome do seu gadget (no caso, o meu foi o "gadget 1"):

clique para aumentar

Depois de copiado o código que selecionei de verde, como na imagem acima, procure por:

]]></b:skin>

e cole acima:

#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-size: 14px;

}

Agora, substitua os espaços indicados abaixo pelo nome do gadget que você copiou logo no início do tutorial:

Troque o "ID-DO-GADGET" pelo código copiado acima, no caso do tutorial, o código foi "HTML1", lembrando que ficará assim:

#HTML1 {

Obs: Fazendo esse tutorial, você irá modificar um gadget de cada vez.

Tutorial 2: Colorir gadgets

Procure por:

/* Widgets

e cole o seguinte código antes da "}":

background: #93be8b; /*---- cor do fundo da caixa ----*/

  padding-left: 20px; /*---- espaço à esquerda ----*/

  padding-bottom: 20px;  /*--- espaço de baixo ---*/

  padding-right: 20px; /*--- espaço à direita ---*/

  padding-top: 5px; /*---- espaço de cima ----*/

border-radius: 8px; /*---- bordas arredondadas, apague a linha se não quiser ----*/

Substituindo da forma desejada. Espero ter ajudado, qualquer dúvida é só perguntar, bjoon.