Colocar barra de créditos ao pé do (footer) Blogger

Sempre a procura de epaço e em busca de um template mais harmonioso tem horas  em que nos perguntamos onde mais daria para colocar algum widget, banner, menu social, aquele contador ou outras coisinhas no blog sem o deixarmos com uma estética prejudicada. Por isso, sempre inovamos, buscando soluções que se encaixem bem no blog. Uma solução boa é aplicar uma div para colocarmos coisinhas necessárias, ou nem tanto no footer do Blogger. Faça isso com facilidade.

  Hack atualizado para o  abril de 2013

Vá até o modelo, clique em Personalizar

Clique em Avançado, Adicionar CSS e cole o código abaixo

(se quiser mudar a cor de fundo, troque o código grifado em azul)

Acima dele, cole o código abaixo:

/*Créditos----------------------------------------------------------*/
#creditos{
color: #000;
text-shadow: 0px 1px 0px #fff;
font-weight: bold;
font-size: 12px;
margin: -20px 0 0 0;
padding: 0px 3px 2px 4px;
background: #A5CDEF;
background: -webkit-linear-gradient(#808080, #eee);
background: -moz-linear-gradient(#808080, #eee);
background: -o-linear-gradient(#808080, #eee);
text-align: left;
}
#creditos a {
color: #000;
font-size: 12px;
}

Agora volte no modelo.
Clique em Editar HTML

procure por:  </footer> 

 Acima dele cole este próximo código. Não se esqueça de colocar os endereços de suas páginas nos botões sociais e se quiser retirer o link do meu blog, fique a vontade, bastando para isso apagar a parte que está grifado em amarelo.

<div id='creditos'>
<div align='right'>
<a href='ENDEREÇO DE SEU BLOG'><img border='0' src='http://3.bp.blogspot.com/-ULQT58b38Ls/US_dOumijuI/AAAAAAAABuE/ga37dOJMUyM/s1600/blogger48.png'/></a>
<a href='ENDEREÇO DE SUA PÁGINA NO FACEBOOK'><img border='0' src='http://3.bp.blogspot.com/-Kc794L0ii0Y/US_c4p7yGdI/AAAAAAAABtU/K_dsnRRCkuk/s1600/facebook48.png'/></a>
<a href='ENDEREÇO DE SEU TWITTER'><img border='0' src='http://1.bp.blogspot.com/-cR7p8MmBZAA/US_c5CXsdgI/AAAAAAAABto/p0RD1aNcKv4/s1600/twitter48.png'/></a>
<a href='mailto:ENDEREÇO DE SEU EMAIL'><img border='0' src='http://2.bp.blogspot.com/-I-dQL7zKI3s/US_dOlkTh9I/AAAAAAAABuI/iZGU-PmdeiI/s1600/gmail48.png'/></a>
<a href='ENDEREÇO DE SEU FEED'><img border='0' src='http://3.bp.blogspot.com/-3ttj1aNyap8/US_c4yM7iUI/AAAAAAAABtk/vLHEU8UHpMQ/s1600/rss48.png'/></a>
</div>
<a expr:href='data:blog.homepageUrl'><data:blog.title/></a> | Todos os direitos reservados 2013  &#169; <br />
Por Elke di Barros | Conheça o blog<a href='http://templateseacessorios.blogspot.com/'> Templates e Acessórios</a>

<div align='right'>COLE AQUI ALGO COMO UM CONTADOR</div>
</div>