[Tutorial] Footer Personalizada

We Heart it

Olá! Faz um tempinho que não posto um tutorial aqui. Hoje teremos um, dois, três, sei lá tutoriais fáceis para o rodapé do blogger que eu acho que fica simples e bonito. O primeiro é uma footer personalizada com os créditos que eu coloquei no layout do blog de textos (eu sei, ainda não postei sobre o blog aqui, mas está quase pronto *-*)

Achei essa seta muito desnecessária ¬¬

Vá até Modelo >> Editar HTML >> Prosseguir >> Dê Ctrl+F e procure por ]]></b:skin>
Cole o seguinte código acima dessa tag:

#footer-wrapper {
  background: #000000; /*** cor do fundo ***/
  background-repeat: no-repeat;
  z-index: 1000;
  height: 15px;
  clear: both;
  font-size: 12px; /*** tamanho da fonte ***/
  color: #ffffff; /*** cor da fonte ***/
  text-align: center; /*** alinhamento da fonte ***/
  padding: 5px;
  }

Edite como preferir mas ainda não salve. Agora procure pela tag </body> e acima dela cole o seguinte código:

<div id='footer-wrapper'>Design por [SEU NOME] | Tecnologia do <a href="http://blogger.com"  target="_blank">Blogger</a> | <a href="http://LINK_DO_SEU_BLOG"  target="_blank">[SEU BLOG]</a> © 2012</div>

Clique em Visualizar para ver se está tudo certo e salve. (:
Vi esse tutorial nesse blog mas dei uma pequeeena modificada, só pra ficar mais bonitinho G_G

ainda tenho um tutorial de menu pra fazer, aah D: