Personalize os títulos dos gadgets

A maioria dos blogueiros edita uma imagem para cada título de gadget, embora fazendo assim você tenha a vantagem de colocar qualquer fonte e usar uma infinidade de efeitos, imagino que isso dê muito trabalho. Preguiçosa do jeito que sou, uso no MN uma imagem base, que aparece toda vez que eu crio um gadget, bem mais fácil, né? 

Pensando nisso, resolvi criar esse tutorial pra vocês, vamos lá: 

1. Vá em Design, Editar HTML, dê Ctrl+F e procure por:

]]></b:skin>

e ANTES dele cole:

.sidebar h2 {

text-align:center;

background-image: url("URL DA SUA IMAGEM") no-repeat;

width: 180px;

height: 30px; }

Obs.: Altere os códigos destacados de vermelho de acordo com sua imagem. 

2. Edite uma imagem;

Você vai precisar editar uma imagem de acordo com a largura da sua coluna, recomendo que ela seja uns 20px menor (se ela for de 200px, a imagem deve ser de 180px), editei algumas de tamanho 180x30 para que vocês possam usar:

 

 

E por último uma base também de 180x30 para que vocês mesmos possam editar:

Lembrando que pelo designer do modelo dá pra usar fontes diferentes e lindas! Além de ajustar a cor e o tamanho. Dúvidas?

 Detalhe:  se você deixa os títulos dos seus gadgets em branco, lembre-se de deixar ao menos um com algum título antes de testar esse tutorial.