Colocar imagem de fundo no titulo da postagem.

A 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