tutorial

Tutorial - Personalizar o Rodapé do Blog

junho 10, 2013,7 Comments

Ilustração by Camila Homs ><

Olá, como vai você?
Eu tô só o "bagaço". Tô doente, sem tempo nem pra beber água e atoladona de trabalhos... é... legal a vida, hein?
Mas ninguém perguntou, enfim.
O tutorial de hoje será de como personalizar o Rodapé do blog. Eu acho que o blog fica mais divo sem aquele Tecnologia do Blogger e sim com o seu nome e tal.
Bora aprender?

Resultado:

Se quiser ver maior, é só ir na home do blog e descer até embaixo, tem isso lá, é o nosso novo Attribution.
Para arrumar o seu assim, primeiro remova seu Attribution usando ESSE tutorial. Só não crie o HTML embaixo da página com o "Layout por..", senão não adiantará fazer este.
Agora, começaremos a personaliza-lo.
Vá no seu HTML após remover o Attribution e procure por:
]]></b:skin>
Quando achar cole acima:
#footer-wrapper {
background: #000000; /*** cor do fundo ***/
background-repeat: no-repeat;
z-index: 1000;
height: 20px;
clear: both;
font-size: 90%; /*** tamanho da fonte ***/
color: #ffffff; /*** cor da fonte ***/
text-align: center; /*** alinhamento da fonte ***/
padding: 5px;
}

- ENTENDA
Onde está em negrito é o fundo do rodapé e onde está em itálico é a cor da fonte.

Após salvar, procure por:
</body>
Quando achar, acima cole:
<div id='footer-wrapper'>Layout feito por SEU NOME | Tecnologia do <a href="http://blogger.com">Blogger</a> | Todos os direitos reservados ©</div>
É só arrumar seu nome nesse código acima e pronto. Seu rodapé estará mais fofo.
Bom, é só isso mesmo.
Beijoos!

You Might Also Like

7 comentários:

  1. Biia, eu queria muito esse tuto, e você me ajudou muuito , obrigada :)

    ResponderExcluir
  2. Olá, querida tudo bem?

    Então tentei postar o tuto, mas não deu certo e depois eu vi que ficou uma palavra footer no cabeçalho do blog e eu ja tinha deletado tudo , como faço para tirar somente essa palavra?
    Help me

    Meu blog

    http://eshopbelledujour.blogspot.com.br/

    Obrigada e beijinhos

    ResponderExcluir
  3. OMG, Me ajudou muito mesmo, ~~abraço virtual~~

    ResponderExcluir