Personalizando a footer

Hello bb's, me pediram na Cbox um tutorial de como deixar a footer (rodapé do blog) igual a minha, com uma barra e os créditos, direitos autorais e etc. Vou ensinar como faz, let's go?

Primeiro, precisamos retirar o Attribution (tecnologia blogger, no final do blog), se já removeu pule essa etapa. Procure por esse código:




<b:widget id='Attribution1' locked='true' title='' type='Attribution'/>
Quando encontrar, apague essa linha. Acima dela terá um código assim:




      <b:section class='foot' id='footer-3' showaddelement='no'/>
Troque o no por yes

Quando você for salvar, vai aparecer um aviso dizendo se tem certeza de que quer remover o blá blá blá, aí você seleciona excluir widgets, e pronto!

Depois de fazer isso, procure por ]]></b:skin> e acima dele cole:

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

Edite conforme quiser (: mas não salve ainda:
Procure por </body> e acima dessa tag cole o código abaixo:

Designer por Seu nome | Tecnologia do Blogger | Todos os direitos reservados © 2012

Pronto, visualize e se estiver tudo certo salve!

~Beijos