20 de jun de 2012

Tutorial: Personalizando o rodapé do blog


Oi oi meus amoores, tudo bem?
Desculpa ficar esse tempo todo sem post, é porque vão começar minhas provas de novo
então vai ser mais difícil postar diariamente. Hoje trago um tutorial muito fácil,
e que deixa o blog com outra cara, é o famoso "Rodapé Personalizado",
igual esse azulzinho que eu tenho aqui lá no final do blog, eu aprendi esse tutorial
no Capture Dream, então créditos á ele. Let's?


1° passo: Retirar o "Attribution".
Para isso vá em Desing >> Editar HTML e marque
a caixinha "Expandir modelos de wingets", depois disso aperte Ctrl+f ou F3
no seu teclado 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 encontrar, apague tudo.

Agora vamos para o 2° passo, personalizar:
aperte Ctrl+f ou F3 e procure por
]]></b:skin>
Quando achar, cole esse código 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;}
Por fim, procure por </body> ,e ao lado dele cole:
<div id='footer-wrapper'>Layout feito por SEU NOME | Tecnologia do <a href="http://blogger.com">Blogger</a> | Todos os direitos reservados ©</div>
Fácil, né?
Agora seu rodapé vai ficar mais bonitinho :)
Beijos *-*

27 comentários :

  1. Que bonitinho s2 adorei *--*


    Kiara-loveluv.blogspot.com ♥

    ResponderExcluir
  2. As votações já começaram! Peça seus votos! BJS, http://luan-crazyinhtml.blogspot.com.br/

    ResponderExcluir
  3. Participa do blog da semana no meu blog! o ganhador vai ficar uma semana em divulgação basta:

    Seguir o blog publicamente.

    Regras da inscrição:

    * Ter banner
    * E responder as perguntas a seguir perguntas nesta postagem :

    http://cherryepop.blogspot.com.br/2012/06/se-inscreva-para-o-proximo-blog-da.html

    Nome do blog:
    Quantidade de seguidores:
    Link do seu blog:
    Nome do seguidor:

    Viu como é fácil? ah! e quem apenas participar mesmo sem ser escolhido vai ganha um selinho e eu seguirei um por um.

    xoxo
    http://cherryepop.blogspot.com.br/

    ResponderExcluir
  4. Não me lembro como fica, mas é sempre bom deixa-lo personalizado (:

    http://www.world-cutest.blogspot.com.br/

    ResponderExcluir
  5. Aaai que liiiiiindo *-*. Amei seu blog, muito caprichadinho! Seguindo!
    blog-da-biia.blogspot.com

    ResponderExcluir
  6. quando fizer outro lay, vou usar!
    Criei um blog exclusivo de moda, se der, da uma passadinha lá? e se vc gostar segue?
    Mil beijos, Carol
    http://capprichinho.blogspot.com
    http://itiscarol.blogspot.com

    ResponderExcluir
  7. Que legal o tutorial, ja sabia ;3
    http://pinkpimenta.blogspot.com.br/

    ResponderExcluir
  8. Ameei o tutorial! Fica muito bonitinho mesmo *-*

    Beijoos ;*
    mikicandy.blogspot.com

    ResponderExcluir
  9. Adorei o tuto, o resultado é super fofo *u*
    Lindo o seu blog, você se preoculpa com os minimos detalhes ;]

    http://blogthewonderland.blogspot.com.br/

    ResponderExcluir
  10. Muito bom o tutorial...
    bjoos
    http://blog-sweeetthings.blogspot.com

    ResponderExcluir
  11. Obrigado fofa^^ ,eu tinha postado no meu blog só de como tirar o attribution :/||Beijos !!!

    #Rawr,-Dreams Of Imagine

    ResponderExcluir
  12. lindo seu blog! parabens. AMEIII
    Jah to seguindo,bjus. :3

    coffemilia.blogspot.com

    ResponderExcluir
  13. Muito bem linda.

    Além de deixar do nosso jeitinho não tira o "Tecnologia do Blogger" pois dizem que não pode retirar.

    Beijos :*

    ResponderExcluir
  14. Eu ñ consigui Cupcake, fiz mais de 3 vezes e ñ deu certo fiz passo a passo!

    ResponderExcluir
    Respostas
    1. então não sei flor, vê se você colocou os códigos no lugar certinho, porque as vezes o HTML da problema, mas comigo deu certo, eu uso ele no blog! Beijos obrigada por avisar

      Excluir
  15. Expandir modelos de wingets eu nn escontrei

    ResponderExcluir