Seja bem vindo(a) ao Sugoi tutoriais =)
Temos temas para blogger, wordpress e outros!
Acompanhe nosso blog pela FANPAGE!
Peça o seu tutorial aqui!

2/09/2013

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!

3 comentários:

  1. Adorei e amei seu blog e lindo!
    e eu fiz um post sobre isso e coloquei os seus créditos!
    http://maisumaprimaveras.blogspot.com.br/

    ResponderExcluir
  2. adorei o tutorial, tava procurando faz tempo :)

    ResponderExcluir
  3. Parabéns pelo tutorial, simples e fácil...
    -
    http://blogdajozy.blogspot.com.br/

    ResponderExcluir

Seja educado , nossa educação depende da sua.
Criticas e sugestões são bem vindos.
Se reblogar por favor nos avise.