HTML - Rodapé personalizado

Oi gente! Tudo bem com vocês? 

Hoje é quarta de Tutorial Html, e hoje eu vou ensinar vocês a fazer um rodapé personalizado igual ao do blog. 

Então borá lá :3 

• Antes de qualquer alteração, copie todo o código do blog para o bloco de notas ou faça o backup do blog.

1º Nós vamos tirar aquele escrito "Tecnologia Blogger"

Vá em: Modelo > Editar HTML

- Dê Ctrl + F e procure por:

<b:section class='foot' id='footer-3' showaddelement='no'> 

Agora apague ele e substitua por este: 

<b:section class='foot' id='footer-3' showaddelement='yes'> 

-

- Dê Ctrl + F novamente e procure por:

<b:widget id='Attribution1' locked='true' title='' type='Attribution'>

Apague ele e substitua por:

<b:widget id='Attribution1' locked='false' title='' type='Attribution'>

- Agora vá em layout > atribuição > editar > excluir

~x~ 

2º Agora sim, podemos personalizar o rodapé.

- Dê Ctrl + F e procure por: ]]></b:skin, e logo que encontrá-lo cole este código ACIMA

#footer-wrapper {

background: #CorDeFundo; /*** cor de fundo ***/

background-repeat: no-repeat;

z-index: 1000;

height: 20px;

clear: both;

font-size: 100%; /*** tamanho da fonte ***/

color: #CorDaFonte; /*** cor da fonte ***/

text-align: center; /*** alinhamento da fonte ***/

padding: 5px;

}

- Depois disso de Ctrl + F e procure por: </body> E cole essa tag ACIMA

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

~x~ 

Prontinho. Agora é só alterar o que está em vermelho nos código do jeito que preferir e salvar.

É isso gente! Espero ter ajudado. Qualquer dúvida, só postar nos comentários.

Beijão :3