13 fevereiro, 2012

2 Tutoriais Para Personalizar o Rodapé do Blog


Hey Maças Do Amor ♥ Hoje vim com 2 tutoriais para você personalizar  o rodapé do seu blog, vou ensinar a deixar o fundo transparente ( fazer ele sumir ) e vou ensinar a colocar imagem no rodapé do blog vamos lá ?

CRÉDITOS MATERIAL-EXTRA E GAROTAS & 
DERIVADOS

Deixar o fundo do rodapé transparente

Vá em Design > Editar HTML > Dê CTRL + F > E procure por :

.footer-inner {

Você deve achar algo parecido com isto :
.footer-inner {
background: transparent $(footer.background.gradient) repeat scroll top center;
}

Apague todo este trecho que você achou, inclusive .footer-inner { Visualize, e se der tudo certinho salve. Resultado :
(Clique para ampliar)



Como colocar imagem no rodapé do blog

Vá em design > editar HTML > Dê CTRL + F > E procure por :



.footer-inner {

Deve aparecer algo parecido com isto :
.footer-inner {
background: transparent $(footer.background.gradient) repeat scroll top center;
}

Apague o que está dentro das chaves menos .footer-inner { , e no lugar cole isto :

Background-image: url(URL DA SUA IMAGEM);
Background-position: center bottom;
Background-repeat: no-repeat;

E deverá ficar assim :

.footer-inner {
Background-image: url(URL DA SUA IMAGEM);
Background-position: center bottom;
Background-repeat: no-repeat;
}

Obs: É bom saber que se acrescentar algum gadget no rodapé que é toda a parte de baixo exemplo: (clique para ampliar)


Espero ter ajudado, um bjo enorme do coração de vocês ♥♥♥.

16 comentários:

  1. Ótimos tutoriais!
    Adorei o da imagem no rodapé *u*

    http://blogportalteen.blogspot.com/

    ResponderExcluir
  2. Ótimo os tutos ! Adorei
    Poderia seguir esse dois blog ' s ?
    www.the-lovers-world.blogspot.com e www.capture-dream.blogspot.com ?

    ResponderExcluir
  3. Muito bem explicadinho :D
    Beijos
    http://sou-loca.blogspot.com/

    ResponderExcluir
  4. Oi fofa,quer participar da campanha: Você ama seus leitores de verdade? é só dar uma passadinha lá no M. Atualizada e conferir!
    Não vai perder essa,vai?
    Kiss: *
    http://leka2002.blogspot.com

    ResponderExcluir
  5. Hooy amre! Amei os tutorias, fazem super a diferença!

    Obg por seguir meu blog, ja retribui ok ?

    http://the-lovers-world.blogspot.com/

    ResponderExcluir
  6. Adorei!

    Beijocas!
    http://palomaviricio.blogspot.com

    ResponderExcluir
  7. Ótimos tutoriais flor, e muito bem explicado.

    Beijos; @LayllaAlves
    http://vidaadegarotaa-vdg.blogspot.com/

    ResponderExcluir
  8. Obrigada pela visita flor :D
    Beijos
    http://sou-loca.blogspot.com/

    ResponderExcluir
  9. Parabéns pelo tutorial, você manda muito bem *-*

    Aw, obrigada pela sua visita, amo tê-la em meu blog *-------*

    Bjonas e fique com Deus <3

    Camilla Martins - http://sugar-dance.org

    ResponderExcluir
  10. talves eu coloque esse tuto no proximo lay do Gn (:

    http://garotoonerd.blogspot.com

    ResponderExcluir
  11. ótimos tutoriais ! Arrasando como sempre (:

    http://Garota-Fashiion.tk

    ResponderExcluir
  12. Ommg!! amei o tutorial, estava procurando por isso a tempos!!!!!

    menina-mimada.tk

    ResponderExcluir
  13. Eu por acidente fiz ele ficar transparente e eu queria botar a imagem ! Perdi o meu codigo .footer-inner { agora eu não sei mais como recupera-lo eu queria saber se voce poderia me ajudar ou tentar pelo menos .

    ResponderExcluir
  14. Eu ainda nao cosegui a tira pq quando eu clico para porcura esse baguiu ai >>.footer-inner { nao acha Me ajudaaaaaa

    ResponderExcluir