Ajude o blog a continuar sem anúncios com uma contribuição.

8 de junho de 2010

Colocar imagem de fundo nos titulos das postagens

Usar imagens de fundo dos titulos das postagens é muito comum em sites e blogs, até nós mesmos da D+T a pouco tempo atrás usava um imagem, isso além de destacar o titulo ainda da um visual mais bonito ao seu blog, então vamos ensinar a fazer isso em seu blog aqui.
A primeira coisa a se fazer não é abrir seu blog e sim ter uma imagem pronta e hospedada em algum site como ImageShack ou Tinypic .

Agora sim abra seu blog vá em Layout> editar HTML e ache está linha " .post-title { " ou se não achar essa procure por essa " .post h3 { " porque dependendo do modelo de template que está usando isso muda.

Após achar esse trecho cole o seguinte código ABAIXO dela :


background:transparent url("http://img517.imageshack.us/img517/3926/wbflvc.png") repeat;


Mude a parte destacada em vermelho de acordo com o endereço de sua imagem, veja com o código adicionado ao template :


Veja se está tudo certo e por fim salve, lembrando que sua imagem deve ter o tamanho que se ajuste com o tamanho da pagina de postagem para não ficar feio e nem desajustado e lembrando também que é sempre bom fazer um Backup do template antes de modifcar caso algo de errado você tem ele salvo.



Veja Também :


3 comentários:

Download Premium comentou :

o meu template n te .post title nem .post-h3

jonatan D+T comentou :

Não é "post-h3" e sim post h3

uii comentou :

Tente procurar por post-title a
o meu foi assim