Translate

Colocar imagem no título da mensagem

As definições do Layout de um blog estão definidas em CSS, para ver o código do template vá em Layout --> Editar HTML.

Importante: Faça uma cópia de segurança antes de editar o código do Layout.


O Título das mensagens geralmente é definido nas propriedades .post3 ou h3.post-title


Deve alterar o bloco existente para que seja um dos seguintes:

.post h3 {
background:transparent url("URL da IMAGEM") no-repeat left top;
margin:.25em 0 0;
padding:10px 0 8px 10px;
font-size:180%;
line-height:1.4em;
}
 
Ou
 
h3.post-title {
background:transparent url("URL da IMAGEM") no-repeat left top;
margin:.25em 0 0;
padding:10px 0 8px 10px;
font-size:180%;
line-height:1.4em;

} 
 
Agora tou utilizando esta:





  • A linha a vermelho,  define o fundo do título do post, onde você pode colocar o URL da imagem.
  • no-repeat, Indica que a imagem não irá se repetir;
  • left, imagem alinhada ao centro, pode alinhar sua imagem onde quiser, usando left ou right;
  • top → imagem alinhada no topo.
  • A linha verde, define as margens internas do texto, e devem ser usadas na ordem seguinte:
padding: 10px (superior) 0(direita) 8px(inferior) 10px (esquerda);
Guarde o seu template e veja o resultado.