23 de mar de 2013

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>

Um comentário:

  1. Elke você ajuda demais minha querida! Dê uma olhada em meu blog e veja se está faltando algo mais, me dê umas dicas depois por gentileza!

    Agradeço demais por essas ajudas que seu blog tenha nos dado, beijos Murillo André!

    ResponderExcluir

A legislação brasileira prevê a possibilidade de se responsabilizar o blogueiro pelo conteúdo do blog, inclusive quanto a comentários; portanto, o autor deste blog reserva a si o direito de não publicar comentários que firam a lei, a ética ou quaisquer outros princípios da boa convivência. Não serão aceitos comentários anônimos ou que envolvam crimes de calúnia, ofensa, falsidade ideológica, multiplicidade de nomes para um mesmo IP ou invasão de privacidade pessoal / familiar a qualquer pessoa. Comentários sobre assuntos que não são tratados aqui também poderão ser suprimidos, bem como comentários com links. Este é um espaço público e coletivo e merece ser mantido limpo para o bem-estar de todos nós.


Copyright © Templates e Acessórios |
Design by Elke di Barros | Tecnologia do Blogger
    Twitter Facebook Google + YouTube