html

Como personalizar o rodapé do blog?

22:41

                      

Oi pessoas lindas desse Brasil, tudo bem? Tudo ótimo por aqui também meu povo. A pessoa aqui é tao esperta, que eu esqueci de postar ontem. Sim, sou burra né? É que eu já tinha feito vários posts ontem de noite e eu nem percebi que eu não tinha postado. E hoje eu lembrei. Podem brigar comigo, eu e minha cabeça esquecida né? Mas enfim. Já ta de noitinha, aquele friozinho chega, e o que eu tenho na cabeça? Uma super ideia de postar como personalizar o rodapé do blog. Super original né? - sqn . Para quem não sabe é aquela linha que fica lá embaixo com os créditos do layout e todo aquele blá blá blá.
Mas eu sei que esse post vai ser bem útil, pois sei que tem muitos, muitos mesmo, leitores que não sabem nada sobre html, e então sei que de um jeito ou outro vou acabar ajudando á todos, então chega de enrolação e vamos ao tuto?
Clique em leia mais.




Primeiro vamos remover aquele negocio chamado "Attribution". Que me digam pra que existe? Nada né.

Então vá em Modelo >> Editar HTML marque a caixinha "Expandir modelo de windget"

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>

Quando achar, apague tudo.


Agora vamos personalizar,

Vá em Modelo >> Editar HTML marque a  caixinha "Expandir modelo de windget"

 e procure por:

]]></b:skin>

Quando achar, cole esse outro codigo acima:

#footer-wrapper {background: #000; /*** cor do fundo ***/background-repeat: no-repeat;z-index: 1000;height: 20px;clear: both;font-size: 90%; /*** tamanho da fonte ***/color: #fff; /*** cor da fonte ***/text-align: center; /*** alinhamento da fonte ***/padding: 5px;}
Agora procure por </body> , quando achar, cole este segunite codigo ao lado:
<div id='footer-wrapper'>Layout feito por SEU NOME | Tecnologia do <a href="http://blogger.com">Blogger</a> | Todos os direitos reservados ©</div> 



Agora modifique da forma como você quiser. E coloque os seus créditos.
Beijinhos,

You Might Also Like

56 Chocolates viraram Cupcakes

  1. Muito legal essa dica *-*
    Adorei.
    Beijão

    blog: www.rotinadeboneca.com.br
    face: https://www.facebook.com/RotinaDeBoneca

    ResponderExcluir
  2. tambem adorei...vou fazer!
    http://joycinhalioness.blogspot.com.br/

    ResponderExcluir
  3. Eu já sabia desse tutorial e ele muito bom por que ele tira aquela simplicidade do rodapé.

    blog-da-marci.blogspot.com.br

    ResponderExcluir
  4. Ainda não sabia :)

    Graças a esse tuto aprendi mas ainda não pretendo personaliza-lo no meu blog.

    http://meucupcakedemorango.blogspot.com.br/

    ResponderExcluir
  5. desculpa depois do trem do japão eu não prestei atenção em mais nada kk eu amo esses trens *o*

    Faz Uma visita ?
    http://peoplecrazystipoeu.blogspot.com.br/
    entre em contato pelo Twitter :@raah_amour Siga o blog: http://peoplecrazystipoeu.blogspot.com.br Se quiser que eu retribua a seguida é só pedir :)

    ResponderExcluir
  6. Tava precisando, mas usei só a parte do Attribution, que eu não sabia como tirar :\ mas enfim, gostei do tutorial!

    Beijos :*
    pequena-julieta.blogspot.com
    Novo post, espero que goste :)

    ResponderExcluir
  7. Ótimo tutorial, eu já conhecia, mas uso poucas vezes :3 Amore, pode colocar créditos ao Explodindo Glitter pela cortininha no título de gadgets? Obrigada, beijos!

    Explodindo Glitter

    ResponderExcluir
  8. Bem legal o tutorial, no meu rodapé eu uso background *-*
    fashion em cores --.com

    ResponderExcluir
    Respostas
    1. Acho mt complicado, na verdade nao acho necessidade de por back. Mas ta bem ne.
      beijos

      Excluir
  9. Nossa, amei o tutorial. *-*
    Talvez use no novo layout do meu blog. ^^
    Vim agradecer e retribuir a visitinha. E dizer que já estou seguindo seu blog . :3
    Apareça sempre que quiser lá no blog ><'
    Kisses da Feê ♥ -

    cookiefashion.blogspot.com

    ResponderExcluir
  10. Amei o tuto, amiga!
    Você me perguntou como eu fiz o menu e os slides, mas foi uma amiga minha blogueira que fez, e não sei mesmo como foi feito. :(
    Mas se você quiser entrar em contato com ela, aqui está o blog: amantes-da-beleza.blogspot.com
    Beeeijoss

    ResponderExcluir
  11. Adorei o tutorial! Igualmente como adorei o blog, ele é tão lindo ... Espero que você vá longe junto com ele (:
    Bjs . Toda Desastrada

    ResponderExcluir
  12. Já conhecia o tutorial, ele é bem legal né? >..<
    Beijos!

    Designer Lovers

    ResponderExcluir
  13. muito bom esse tutorial!!
    adorei o cupcake mordido!
    lindinho demais!!!!

    beijocas

    ateos25.blogspot.com.br

    ResponderExcluir
  14. Mtt Divoo esse tuto dá um charme no blo >.< Eu vi seu comentário super fofo lá no GI você vai ser sempre muito Bem Vinda! Beijinhos
    garota-inocente-oficial.blogspot.com

    ResponderExcluir
  15. Ótimo layout super fofo e tutorial é muito bom, eu vou usar em breve ok? Estou seguindo o seu blog e obrigada por seguir o meu.

    odiariodesamy.blogspot.com

    ResponderExcluir
  16. olha amor, nós voltamos com o blog hehe sou a blogueira 2 do arrasa-no-look convidada pela bruna! então se quiser, dá uma olhadinha lá! vou manter vocês atualizadas smp! bjjj

    www.arrasa-no-look.blogspot.com

    além disso, adorei o tutorial! beijinhoo

    ResponderExcluir
  17. Oi coração td bom amadinha?

    Otimo e muito útil esse tutorial, esta de parabéns.
    Seu espaço esta uma fofura de cores, amei ^^
    já seguindo e amando!! Obrigada pelo carinho

    beijoks

    ( ᐵ ᗜ ᑈ)ᘉ Endereço>> Dany's Place ▓ ▓ Tutorial
    ▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓

    ResponderExcluir
  18. Já conhecia esse tutorial, fica tão fofo *-*
    Cake Of Tutorials

    ResponderExcluir
  19. Amei o tutorial, sempre muito útil!
    Seguiindo =)
    Obrigada pela visita ao meu blog!

    rascunhosdecaneta.blogspot.com

    ResponderExcluir
  20. Super útil o tutorial, não conheçia, gostei bastante! Beijos da Amanda ;)

    www.Be--Different.blogspot.com

    ResponderExcluir
  21. Adoreei !! e Amei o Layout do seu blog linda
    e me desculpe a demora , vim desejar um feliz ano novo pra vc
    que vc seja muito feliz , que esse ano seja cheio de realizações pra você
    muito sucesso para o seu blog , to seguindo seu blog um beeijo
    reesouzablog.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Tudo bem linda, nem se preocuope
      te desejo o mesmo meu bem.
      Beijoos

      Excluir
    2. Dar para ensinar de maneira fácil! como deixar esse risco rose de comentários? acho lindo!

      Excluir
  22. Amei suas dicas!
    Seu blog tem deixado o meu mais bonito rsrs
    Já estou seguindo pra ajudar na sua meta de 600 seguidores rs

    Beijos!

    www.achochic.net

    ResponderExcluir
    Respostas
    1. Fico muito feliz por isso Thamyris.
      Obrigada pelo carinho.
      Irei postar por esses dias um big tutorial que acho que vc vai gostar.
      Obrigada pela ajuda, beijinhos

      Excluir
  23. Oiie amei o post e todo o seu blog parabéns pelo brilho
    http://candycolorsoficial.blogspot.com.br/

    ResponderExcluir
  24. olah pode me ajudar fiz tudo certinho mas o texto ficou em baixo e não na faixa, será que você pode me ajudar a coloca-ló no lugar. Qual quer coisa voce olha como ele ficou. bjinhos...
    http://pimentadocek.blogspot.com.br/

    ResponderExcluir
  25. Ajudou muito obrigada ! Começei meu blog ontem se puder pode dar uma visitinha ? ( o blog esta personalizado ta ? rsrs) http://umaestudanteblogueira.blogspot.com.br/

    ResponderExcluir
  26. Fiz no meu blog,ficou ótimo,parabéns pelo tutorial.
    http://tdconhecimento2.blogspot.com.br/

    ResponderExcluir

Deixe um recadinho sobre o blog. Obrigada!

Related Posts Plugin for WordPress, Blogger...