07/01/2015

Barra de créditos no rodapé do blog

Oi meninas. Hoje vou ensinar como colocar uma barra de créditos no rodapé do seu blog. Isso é muito usado pra quem é web designer e precisa colocar os seus créditos no final do blog pra mostrar que foi você que fez o layout. Ou até mesmo você que não é web designer e fez seu layout e quer colocar seus créditos pra se livrar de cópias. Vamos ao tutorial?

 Design > Editar HTML > Dê ctrl + F e procure por:  ]]></b:skin>  E acima desta tag cole isso:


#footer-wrapper {
background:  #FF1493 ; /*** cor do fundo do rodapé***/
background-repeat: no-repeat;
z-index: 1000;
height: 50px; /*** Altura da barra ***/
clear: both;
font-size: 150%; /*** tamanho da fonte da barra***/
color: #fff; /*** cor da fonte da barra***/
text-align: center; /*** alinhamento da fonte, se quiser para a esquerda coloque left e se quiser na direita coloque right ***/
padding: 5px;/*** tamanho da borda, aconselho não altera-lo ***/
}

Agora procure pela tag  </body> e acima desta tag cole isso:

<div id='footer-wrapper'>coloque os créditos do seu blog | Todos os direitos reservados &#169;</div> 

O resultado vai ficar parecido com o do blog.


E é isso. Se quiser personalizar cor, tamanho, o próprio código já explica a onde isso deve ser feito.
Dúvidas comentem que eu tentarei ajudar. Beijos e até a próxima.

3 comentários:

  1. Nossa! Obrigada pela ajuda! Tava procurando isso faz um tempo, mas nunca tinha realmente tentando. Agora fui lá e deu certo! Valeu :)

    http://livrosporlari.blogspot.com.br/

    ResponderExcluir
  2. Nossa, bem bacana essa dica, queria colocar no meu layout mais tenho medo, beijos ♥

    ResponderExcluir