Footer personalizada

   Cadê os comentários pessoal? Pelo jeito a maratona não vai continuar depois dos tutoriais postados... Bom, vou postar um tutorial super-hiper-mega útil! Todos sabem o que é footer, certo? Vou ensinar a fazer uma igual a nossa daqui, uma com imagem e outra com texto. Quer aprender? Clique no link abaixo!

Com imagem:

Procure pela tag ]]></b:skin> e acima dela cole o código:

#footer-wrapper {
  background:url(LINK_DA_IMAGEM);
  background-repeat:no-repeat;
z-index:1000;
width:LARGURA_DA_IMAGEMpx;
  height:ALTURA_DA_IMAGEMpx;
  clear:both;
  }

Feito isso, faça as devidas alterações (o link, a largura e a altura da imagem) e procure pela tag </body>, acima dela cole:

<div id='footer-wrapper'/>

Com texto: 
Como anteriormente, procure pelo código ]]></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;
  }

O processo é o mesmo... cole o código abaixo, ACIMA da tag </body>.

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

Se você ainda possui o código do Attribution ([...] Tecnologia do Blogger.) procure pelo código abaixo para retirá-lo:

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

Após encontrar, apague o totalmente.

Bom pessoal, por hoje é isso. Eu aconselho vocês a usarem o de texto, eu prefiro ele, mas cada um tem o direito de escolher o que bem entender ok? Ah e um aviso: sem comentários, sem maratona! Beijos, Emily.