25 de julho de 2010

4

Colocar imagem de fundo no titulo da postagem.

BlogA dica de hoje é para quem deseja colocar imagens no título da postagem. É um efeito interessante pois dá um destaque no título da postagem. Já ensinamos a pouco tempo como colocar bordas no título das postagens. Agora ensinaremos como pôr uma imagem. É super simples e segue basicamente o mesmo tutorial. Vamos ao tutorial:

Lembrando que antes de realizar qualquer mudança no template é essencial fazer um backup do seu modelo. Assim se algo der errado, você poderá coltar ao seu antigo modelo facilmente. Se não souber como fazer backup, clique aqui e aprenda a fazer um backup do seu template.

  • Faça login no Painel do blogger
  • Selecione a aba “Design”
  • Editar HTML
  • Procure pelo seguinte código: “.post h3 { (se não encontrar, retire o espaço entre h3 e a chave e tente novamente)

OBS.: Para encontrar o código no seu template, você pode usar as teclas CONTROL + F, bastando depois disso digitar o texto/código que procura no campo de pesquisa que abrir-se-á.

  • Cole após ele o seguinte código:

background: (URL DA IMAGEM DESEJADA) 
margin:.25em 0 0;
padding:0 0 0 8px;
font-size:140%;
font-weight:normal;
line-height:1.4em;
color:$titlecolor;
}

Simples né? Se você já colocou bordas nos título da postagem, tudo o que você precisará fazer é inserir a 1ª linha do código no lugar da linha denominada “background” do código anterior (o das bordas).

Gostou da dica? Acompanhe o SOSVIP e receba muito mais excelentes dicas para seu blog.

Seja VIP, receba as novidades no seu email, clique no ícone...
Início

4 comentários:

Marcos Paulo disse...

Eu não consigo fazer isso cara !

SOSVIP disse...

Marcos Paulo: Verifique se o código em seu template aparece como indicado. Caso apareça, certifique-se de que haja todos os sinais gráficos (;, :).

tyler-moss disse...

No meu o H3 vem antes do .post, oque faço?

Anônimo disse...

cara no meu blog
nao aparece ".post h3{" e nem ".post h3 {"
tipo
gostaria que voce me ajudasse
desdejá deixo o meu obrigado
aproveite e visite ae
http://planeta-humor.blogspot.com/

Postar um comentário

Agora você é VIP. A palavra está com você agora. Aproveite e faça seu comentário!
PS.: Se for xingar, ofender ou usar palavras de baixo calão, não perca o seu tempo pois CERTAMENTE excluiremos seu comentário!
Sinta-se a vontade.

Related Posts with Thumbnails