Barra de créditos no rodapé do blog

 

Boa noite galera. Irei ensinar a vocês a como colocar uma barra de créditos no rodapé do blog. Vejam o exemplo abaixo!

(clique na imagem para amplia-la)

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 e aprendido com o tutorial.

Qualquer dúvida ou sugestão deixe um comentário.

Tutorial feito exclusivamente ao Sugoi Tutoriais, se reblogar, credite!