Image Map

12 de fev de 2013

Barra de Créditos no Rodapé do Blog


Hey tchucada, tava visitando uns blogs de layout hoje e vi uma tuto super legal no Sugoi Tutoriais, onde os créditos irá para o mesmo, é lógico! Vamos lá!?

Veja um exemplo logo abaixo:


1. Vá no painel do seu blog e na barra entre em "Modelo" e depois "Editar HTML"
2. Aperte "F3" e na barra de pesquisa digite "</body>"
3. Acima de "</body>" cole o código abaixo
<div id='footer-wrapper'><a href='http://blogger.com'>Sugoi Tutoriais </a>|<a href='http://blogger.com'> SugoiTutoriais.Blogspot.Com</a> - Todos os direitos reservados &#169; 2012 - 2013<br>Tecnologia do <a href='http://blogger.com'>Blogger </a>| Desenvolvimento: <a href='http://wackodesigns.blogspot.com.br'>Theo Ribeiro</a> | <a href='#'>Voltar ao Topo</a> | <a href='javascript: location.reload(true)'>Atualizar Página</a></br></div>
Toda a parte destacada em negrito no código acima pode e deve ser alterada!

4. Agora procure por "]]></b:skin>"
5. Acima de "]]></b:skin>" cole o código abaixo
#footer-wrapper{background: #86aba6 ; background-repeat: no-repeat; /*cor do fundo*/ border-top:3px solid #6baba2; /*cor da borda de cima*/ z-index: 100%; /*largura da barra*/ height: 30px; /*altura da barra*/ clear: both;font-family: Arial; font-weight: bold; /*tipo de fonte da barra*/ font-size: 90%; /*tamanho da fonte da barra*/ color: #4d7d77; text-align: center; /*cor da fonte*/ padding: 5px; /*altura da fonte*/ margin-bottom: -5px;}

Toda parte destacada em negrito pode ser alterada. Logo ao lado do que pode ser alterado está informando o que irá mudar se alterar a determinada informação!

-Espero que tenham gostado
-Se repassar para outro blog, avise e deixe o link que repassou e crédite o blog!
Dúvidas? Basta comentar





Nenhum comentário:

Central Débora Lyra- 2014. Todos os direitos reservados.
Layout por Nathaly Oliveira - Código Base desenvolvido por: Raphael Cardoso
Adaptação por Cecília Camimura
+ Agenda: