Background no titulo do post

Irei ensinar um tutorial bem simples, mais muito útil para quem está preparando ou pretende preparar um código base no estilo fansite. O tutorial é de como colocar um background de imagem ou cor no titulo do post. Vamos começar?

1. Entre no painel do seu blog

2. No menu lateral clique em "Modelo" e depois "Editar HTML"

3. Aperte a tecla "F3" e procure por "h3.post-title {"

4. Depois de achar "h3.post-title {" cole depois dele o código abaixo

color: #404040;

margin: -6px -6px .65em -6px;

padding-bottom: 13px;

padding-top: 10px;

padding-left: 5px;

padding-right: 5px;

background:transparent url(substitua pelo link de sua imagem) no-repeat bottom;

  margin-top: -25px;

Caso queira deixar apenas uma cor em vez de uma imagem como background. Troque a linha destacada em vermelho, por está...

background-color: #codigodesuacor;

Veja abaixo os resultados...

Imagem como background:

(clique na imagem para amplia-la)

Cor como background: 

(clique na imagem para amplia-la)

Bom é só isso. Espero que tenham gostado e comentem.

Tutorial feito exclusivamente ao Sugoi Tutorias, se reblogar coloque os devidos créditos.