Footer personalizada

Ontem uma seguidora pediu que eu ensinasse esse tutorial para vocês, então vim fazer esse post hoje. Lembrando que aprendi a fazer isso no blog Tudo pra Mim - Maratona de Tutoriais, então os créditos são todos para eles.

     Para os que não sabe, a footer que é o quê eu vou ensinar a personalizar é essa faixa que tem lá no final do blog com o nome de quem criou o layout e tal, igual tem aqui no blog:

     Para colocar isso você deve primeiro tirar o gadget Attribution do seu blog, aquele que tem escrito Tecnologia do Blogger. Para fazer isso vá em Modelo no seu painel do blogger (na antiga interface chamado de Design) e clique em editar html, depois que carregar aperte F3 e procure pelo seguinte código:

<!-- 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>

     Para facilitar procure somente pela primeira linha do código, mas apague todo o código que mostrei.
     Agora que você já retirou a Attribution, podemos colocar a footer. No mesmo lugar de editar html onde você está, procure por ]]></b:skin> e cole o seguinte código acima dele:

#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;
}

     Tudo que você pode mudar está indicado no código. Para mudar as cores do fundo e da fonte, escolha uma cor nessa tabela de cores.

     Depois que fizer isso procure por </body> e cole o seguinte código:

<div id='footer-wrapper'>Designer por SEU NOME | Tecnologia do <a href="http://blogger.com">Blogger</a> | Todos os direitos reservados ©</div>

     Isso é uma sugestão do que deve estar escrito na sua footer, lembrando que deve trocar onde está SEU NOME pelo seu nome (claro), mas se você preferir escreve outra coisa coloque esse código:

<div id='footer-wrapper'>SEU TEXTO AQUI</div>

     No lugar onde estiver SEU TEXTO AQUI você deve escrever o quê quer que esteja na sua footer.

     Pois é, o tutorial é simples, mas se tiver alguma dúvida é só perguntar.