sexta-feira, 1 de junho de 2012

Personalizando o rodapé

Como prometido, aqui está o tutorial pra vocês. Sabem esse jeito fofo e bonito que eu personalizei meu rodapé(aquela barra com os créditos e etc)? Vou ensinar vocês a fazerem como a minha. É bem fácil, só é preciso ter umpouquinho de atenção.
Ah, meus amores, um novo layout está por vir. Por enquanto, é tudo uma surpresa, mas quando o blog conquistar mais uma meta (450 seguidores), colocarei aqui.
Chega de enrolação, vamos pro tutorial?


Primeiro, tire o código do Attribution. Se você ainda tem, tecle Ctrl + F e procure por:



Depois que achar o código, apague ele completamente.
Agora procure pela tag ]]>. 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;
}
Como prometido, aqui está o tutorial pra vocês. Sabem esse jeito fofo e bonito que eu personalizei meu rodapé(aquela barra com os créditos e etc)? Vou ensinar vocês a fazerem como a minha. É bem fácil, só é preciso ter umpouquinho de atenção.
Ah, meus amores, um novo layout está por vir. Por enquanto, é tudo uma surpresa, mas quando o blog conquistar mais uma meta (450 seguidores), colocarei aqui.
Chega de enrolação, vamos pro tutorial?


Primeiro, tire o código do Attribution. Se você ainda tem, tecle Ctrl + F e procure por:



Depois que achar o código, apague ele completamente.
Agora procure pela tag ]]>. 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;
}
Recomendo que mexa apenas na cor de fundo e na cor da fonte. Se quiser alterar o resto, é você quem sabe, mas não vai ficar muito bom.
Logo depois de colar isso, procure por e cole acima da tag:
Bem simples, né? Antes, coloque em visualizar pra ver se deu tudo certo. Se ver que está tudo ok, pode salvar e pronto. Seu rodapé está personalizado! Gostaram? Comentem. Beijos. Recomendo que mexa apenas na cor de fundo e na cor da fonte. Se quiser alterar o resto, é você quem sabe, mas não vai ficar muito bom.
Logo depois de colar isso, procure por e cole acima da tag:
Bem simples, né? Antes, coloque em visualizar pra ver se deu tudo certo. Se ver que está tudo ok, pode salvar e pronto. Seu rodapé está personalizado! Gostaram? Comentem. Beijos.

Nenhum comentário:

Postar um comentário