18 de jun de 2012

Como personalizar o rodapé

Tumblr_llbsx4gtjn1qaxm50o1_500_large
Oi lindos, sabe aquela barrinha fofinha lá em baixo do blog? Aquilo ali se chama rodapé e hoje eu vou dizer a vocês como fazerem para a de vocês ficarem igual a minha! Todos os tutoriais precisam ser feitos com atenção, mais nesse eu pessoa mais um pouquinho dela, para nada dar errado na hora!

Primeiramente você vai retirar o attribution, se você já tirou pule esse parte do tutorial. Primeiro vá em desing> editar HTML >Tecle F3 > E procure por: 

 <!-- outside of the include in order to lock Attribution widget -->      <b:section class='foot' id='footer-3' showaddelement='no'><b:widget id='Attribution1' locked='true' title='' type='Attribution'/></b:section>

Logo depois que achar esse código, apague ele completamente.
Agora procure pela tag ]]></b:skin>. Acima dela, cole:

#footer-wrapper {
background: #000; /*** cor do fundo ***/
background-repeat: no-repeat;
z-index: 1000;
height: 20px;
clear: both;
font-size: 100%; /*** tamanho da fonte ***/
color: #fff; /*** cor da fonte ***/
text-align: center; /*** alinhamento da fonte ***/
padding: 5px;
}

Faça as alterações necessárias, mais  ESPERE. Não salve ainda, agora procure por </body> e cole encima o seguinte código:

<div id='footer-wrapper'>Designer por SEUNOMEAQUI | Tecnologia do <a href="http://blogger.com">Blogger</a> | Todos os direitos reservados © 2012</div>

Faça as devidar alterações e depois salve!

8 comentários:

  1. Amei o tutorial!
    blogdasgirls-fefe.blogspot.com

    ResponderExcluir
  2. Tenho 9 anos, amo Boa Sorte Charlie e Hanna Montana e sonho em conhecer a Miley Cyrus... Tipo, você é um irmão meu, kkk'

    ResponderExcluir
  3. ain qur tuto interessante, não sabia disso, mas enfim, amei também seu blog! claro que estou seguindo! retribui?

    senhoritasimperfeitas.blogspot.com

    ResponderExcluir
  4. da um 'tcham' no blog o rodapé personalizado.. eu realmente estava procurando por esse tuto, no próximo lay vou colocar *u*
    infelizmente não cheguei e tempo de participar do concurso :/ quando eu vi seu comentário ja tinha começado,uma pena.Quem sabe da próxima vez?Boa sorte aos inscritos ^.^

    http://blogportalteen.blogspot.com

    ResponderExcluir
  5. Nossa que legal, eu nunca vi como personalizar assim que nem a do seu blog. Muito bom esse tutorial.
    Seguindo aqui viiu *-*
    Beijos :*
    http://pepperlipstick.blogspot.com.br

    ResponderExcluir
  6. Perfeito o tutorial, fica bem fofo :)
    www.cute-bii.blogspot.com

    ResponderExcluir
  7. adorei vai me ajudar muito com meu novo lay! bj

    ResponderExcluir