O Pessoal tem me perguntado muito como faz isso, então decidi fazer um tutorial ensinando.
É recomendável fazer um backup do template antes, caso você erre a edição.
Primeiramente vá em Design, Editar HTML e procure por:
.sidebar h2 {
Substitua todo o código do CSS .sidebar h2 { por este:
Em padding-top você posiciona seu texto em relação ao topo, em padding-left você posiciona o texto em relação à esquerda.
Em text-shadow você coloca sombra no texto, em font você coloca a fonte que você quiser, em height a altura da imagem e em width a largura da imagem, em text-align o lugar em que você quer que se alinhe o texto (left, center ou right) e em margin-bottom, a margem do título do gadget para o seu conteúdo, em color a cor do texto.
Pronto, agora é só editar ao seu gosto.
É recomendável fazer um backup do template antes, caso você erre a edição.
Primeiramente vá em Design, Editar HTML e procure por:
Substitua todo o código do CSS .sidebar h2 { por este:
.sidebar h2 {
margin: 0px;
padding-left:12px;
height:47px;
background: url("LINK_DA_IMAGEM")no-repeat;
text-align: left;
font: Calibri;
padding-top:13px;
color:#fff;
text-shadow: #000 0px 1px 0px;
margin-bottom:-19px;
}
}Em padding-top você posiciona seu texto em relação ao topo, em padding-left você posiciona o texto em relação à esquerda.
Em text-shadow você coloca sombra no texto, em font você coloca a fonte que você quiser, em height a altura da imagem e em width a largura da imagem, em text-align o lugar em que você quer que se alinhe o texto (left, center ou right) e em margin-bottom, a margem do título do gadget para o seu conteúdo, em color a cor do texto.
Pronto, agora é só editar ao seu gosto.
