Fundo em apenas um gadget individualizado pelo HTML

Algumas blogueiras vêem me perguntando como eu coloquei esse fundo branco em apenas os gadgets escolhidos. Além de muita gente estar me cobrando tutoriais, já que não posto há tempos! Bom, hoje vamos aprender como fazer esse efeito, e vocês vão ver que é super fácil e não exige nenhum conhecimento em HTML. Achei esse estilo super legal, até porque deixa a barra mais organizada e personalizada, dando um UP no seu layout. Vamos lá?

No seu html, dê um ctrl + f e procure por /* Headings. Quando achar, você provavelmente verá um pequeno trecho com alguns códigos. Cole abaixo da última chavinha { o código abaixo:

#NOME DO GADGET1 {
font-size: 13px;
line-height: 18px;
margin-left: 0px;
background: #ffffff url('url da imagem que quer colocar como um título') no-repeat left top;
}
#NOME DO GAGDET1 .widget-content {
padding: 30px 10px 00px 10px;
margin: 0;
color: #696969;
}

No lugar de "Nome do gadget", você coloca o nome do gadget que quer colocar o fundo branco. A url da imagem é o link da imagem que você quer colocar acima do gadget. Se não quiser uma, basta apagar o seguinte trecho: url('url da imagem que quer colocar como um título') no-repeat left top;

Exemplos dos nomes dos principais gadgets:
Marcadores - label
Texto - text
Seguidores - followers


É isso galerinha, espero que todos tenham conseguido fazer! Qualquer dúvida é só falar (: