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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgMP_Aj5_BAqgBpveBgesvKWao41BWSGj8yURHW_7QpWBcv6MNEzvSoN-_ruejh-g_5IlFr5S28GSbGTiEynVo0s98L5N65QmmbjxbbRuEi5a7mvqLO7WFc8LCY43lJ9qfRDeR-ChdcxE/s1600/blogger48.png'/></a>
<a href='ENDEREÇO DE SUA PÁGINA NO FACEBOOK'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCzYXPgMxshZdq28NDrisjnCS3keAz4vZ8hIr6_k_CywuATGNAjvNSB_PejuUG18LO4iDKanEu5V2TKjgu7EjhxM4LD0DhZdsLvEx-21fC7x_J2yUwrFPwolfojtaOfaZQWJbEJBsYINk/s1600/facebook48.png'/></a>
<a href='ENDEREÇO DE SEU TWITTER'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieP7DrQpoOeEEB_y9YKgSIvWxmfO7Rt5Lhw7RWkUmbUejO9vTfmuMhDeJpA6nA0zbX2PRCkN3ufa3siflK6cMuCiZLz_sMAJioMhqXlv_BNaPZJ7OF92rEKtp0IHrz96z5FYIOA1xJkoM/s1600/twitter48.png'/></a>
<a href='mailto:ENDEREÇO DE SEU EMAIL'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDIpFczLFsyp0bhCfjrqRHD890au0c4oEw3wGDef1HRnwLJeDaBRCQcOnc6ksNyySI7zKEAmhyphenhyphenGiIph8b7_0TRiO6wB8lM1E6EagXt0EKy45oPZrnKjj2T9XF9jhqdZE1hFYsQu3WLiYU/s1600/gmail48.png'/></a>
<a href='ENDEREÇO DE SEU FEED'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEianljlZQdWDCKs7QDqRqu584CvbYOlzcLnHjdP71bW5DkDGffvxgJzOVtv_6mFf3H0vVdwHOeqWfDTMC-f-5szPxVKL1tqLOmXuJlwKb1dRHE6yHy459B_Vkye3RRHA7W0KooXv4vuzpo/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>