Colocar banner no rodapé do blog

sábado, 9 de fevereiro de 2013

O rodapé do seu blog pode ser um local muito bom para colocar agradecimentos, links, contato, etc. Mas eu acho que o visitante, muitas vezes, não presta atenção nesse lugar. Eu costumo não dar importância para essa parte.
Mas isso pode ser  alterado, basta adicionar uma imagem ou banner nesse local com um link de sua preferência.
Vamos ver, abaixo, como:


Clique em "Modelo", e depois em "editar html".
Agora clique "expandir modelo de widgets".
Com o atalho "Ctrl + F", procure por "</body>" e logo acima cole o código:

<center>
<div id='rodape'>
<img src="Url da imagem">

</img>
</div>
</center>


Se quiser colocar um texto ao invés da imagem, apague o trecho abaixo, e em seu lugar coloque o texto.


<img src="Url da imagem">
</img>

Agora procure por "]]></b:skin>" e acima dele cole o trecho abaixo:

#rodape {
width: 940px;
padding: 10px;
background: #606060 ;
border:1px dotted #888 ;
text-align: center;
color: #ffffff;
font-size: 12px;
 


Onde:

Width = é a largura da imagem;
Background = é a cor de fundo;
Border = é o estilo da borda;
Text-align = posição do texto (right, center ou left);
Color = cor do texto;
Font-size = tamanho do texto;

Visualize e se estiver do seu agrado, salve!  


Nenhum comentário:

Postar um comentário

Obrigado por sua visita!
Seu comentário será publicado e respondido o mais rápido possível.
Por favor:
- Coloque seu nome no comentário;
- Não faça spam (o comentário será excluído);