System Avatar Pt.1 - Títle Área

A pedido da galera... Vou ensinar da maneira mais fácil e por partes de como se fazer um System avatar.

• Primeira Parte: Títle Área

Primeiro vamos abrir o Blog > Design > Editar HTML > Expandir Modelos de Widgets.

Antes de qualquer modificação, Baixem o Modelo e sempre que fizer uma alteração Visualizem.

Então vamos fazer mágica:

Procurem por:
.post h3

Nessa área você irá colocar algo como:

( Isso é a Títle Área)






O código ficará assim:
.post h3 { background: url(IMAGEM DA TITLE ÁREA) no-repeat; width:635px; height:132px; padding:20px 0px 0px 100px; font-size:140%; font-weight:normal; line-height:1.4em; color:$titlecolor; }
Obs1: Onde está escrito "IMAGEM DA TITLE ÁREA" você irá trocar pela URL da sua title área.
Obs2: Mude o tamanho (width e height) para o tamanho da sua title área.
Obs3: Trabalhe com as Margins para mover a title área e o Padding para mover o título.