Imagem de fundo no título do gadget

Sabe quando você baixa um template e já vem a imagem de fundo no título do gadget ? Pois bem vou ensinar a vocês hoje.Eu procurei a muito tempo esse tutorial,até que achei, fiz e trouxe para vocês,ele é ótimo para pessoas que tem blogs de layout , pois assim a imagem já fica fixa no fundo do gadget,e também para pessoas que não querem cada vez que adiciona um gadget ter que criar uma nova imagem para o título. Vamos ao tuto.


Primeiro crie uma imagem um pouco menor que o tamanho da sua barra lateral ex : 

Vá em Design>Editar HTML>ctrl  f e na barra de pesquisa cole essa tag  /* Headings
Mais a baixo você vai achar uma tag parecida (ou igual) a essa

.footer-inner .widget h2,
.sidebar .widget h2 {
  padding-bottom: .5em;
}
Na minha está assim,mais a sua pode estar mais abaixo ou mais acima 

Antes de fechar a chave } coloque o seguinte código 

 background-image: url(url);
  background-position: center;
width: 280px;
height: 30px; }
 text-align: center;

Deverá ficar assim :

Configure seu código :

código em vermelho : substitua pela url do seu fundo

código em roxo : substitua pela largura do seu fundo

código em verde: substitua pela altura do seu código

UPDATE :  esse tutorial foi atualizado e está com códigos novos, quem quiser ver mais fundos para títulos de gadgets clique aqui 

é isso ai , espero que tenham gostado do tutorial , agora o blog tem uma página de goodies,onde estão todos os tutos e ultilitários , que logo farei mais , e para quem notou,troquei o layout do blog de novo , dessa vez eu realmente achei legal . Não esqueçam de comentar .