Image Map

Mensagem automática no final dos posts

Hello girls! Hoje vou ensinar como colocar essa mensagem automática no final dos posts, como aqui:

É bem fácil, só precisa de um pouco de atenção.
P.S.: O tutorial foi testado apenas no modelo 'Travel' (Viagem).

 Tutorial

1. No Blogger, vá em Design> Editar HTML.
2. Marque a caixinha 'Expandir modelos de widgets'.
3. Tecle Ctrl F e procure por:

<div class='post-footer'>

4. Logo acima dele, cole o seguinte código:


<div id='finalpost'>
MENSAGEM
</div>

5. Substitua 'MENSAGEM' pelo texto desejado.
6. Agora tecle Ctrl F novamente e procure por:

]]></b:skin>

7. Acima desse trecho, cole o seguinte código:


#finalpost{
margin:20px 0px 20px 0px;  /* Distância entre texto e post */padding:10px 5px 10px 5px;  /* Edite, caso queira */font-size:13px;  /* Tamanho da fonte */text-align:left;   /* Alinhamento do texto */color: #XXXXXX;  /* Cor da fonte */border: 1px solid #XXXXXX;   /* Borda  */background: #XXXXXX;  /* Cor de fundo */}

8. Edite de acordo com as partes em vermelho. Vá visualizando, e quando ficar do jeito que você quiser, salve.

Comentários

Desenvolvimento por Chassy Cher