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 

3 comentários:

  1. Awwww, já falei que amei???? Hahahaha... Please não me mateeeee
    Amo teu blog, sucesso!!

    ResponderExcluir
    Respostas
    1. Meninaaaaa vem aqui vamo conversar kkk! ♡
      U_U obrigada gata, muito sucesso pra ti também. Aliás já vou te stalkear HUUAHUHAUAH♡♡♡♡

      Excluir

♡ Oi tudo bom? Você vai comentar? YAY, Muito obrigada pelo seu comentário :3 ♡
♡ E se você gosta de kaomojis, então aqui alguns que você pode usar:
\(*T▽T*)/ ≖‿≖ ʘ‿ʘ ☆ミ(o*・ω・)ノ (⁀ ᗢ ⁀) (= ^ _ ^ =) (●´∀`●) (◕ᴗ◕✿) ( ͡° ͜ʖ ͡°) (  ゜Д゜)⊃旦 (#`д´)ノ ╭(๑¯д¯๑)╮(; ̄Д ̄)(づ ̄ ³ ̄)づ ლ(́◉◞౪◟◉‵ლ) ヾ(^∇^) ( ゚▽゚)/ ( ^_^)/ ( ´ ▽ ` )ノ (ノ´∀`*)ノ ヾ(´・ω・`) ☆ミ(o*・ω・)ノ \(^▽^*) (*^▽^)/ ( ̄▽ ̄)ノ ヾ(-_-;) ヾ( ‘ – ‘*) ヾ(@⌒ー⌒@)ノ 【・_・?】ಥ_ಥ (✖╭╮✖) \(★´−`)人(´▽`★)/(*^ω^)人(^ω^*) (〜 ̄▽ ̄)〜