Footer personalizada

| |
Tumblr_l5vu6xzs1b1qzjtuzo1_500_large

   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.

19 comentários:

VAMOSCOMBINARBLOG disse...

USEI *-*

Brenna Araújo disse...

Ah não, não apaga o tudo pra mim, vocês deveriam postar com mais frequencia só :}

Barbara disse...

Que máximo!
Fiquei curiosissima pra saber como faz assim que vi o lay daqui, ainda bem que explicaram!
No proximo lay vou usar no PT *-*
Apaga o Tudo Pra Mim não =/

Bjs
Báah
http://blogportalteen.blogspot.com

Gabii' disse...

Ameei, super interessante! Qaundo fizer um design pro CG eu vou usar ^^
Beijoos..

Cantinhodagabiih.blogspot.com

 Carolina Gabini disse...

adorei! :D

ViitoriaPiink disse...

Vota no VRs-vogue?
nos seguintes blogs; assim você tara ajudando um blog a crescer e uma garota ficar feliz:
http://theattitudeincluded.blogspot.com/
http://meninanerd.blogspot.com/
http://placefame.blogspot.com/
http://cherry-liah.blogspot.com/

Stella Valim disse...

Perfeito! Foi muito util, nhann
http://senhoritaliberdade.blogspot.com/

Administração Fã Clube disse...

CONTINUA A TUDO PRA MIM !

Extras true-luvr Place. disse...
Este comentário foi removido pelo autor.
Meia noite e quinze disse...

Não faço ideia do que seja footer ):
Não sei direito o nome das coisas específicas, falo pro rumo.
Poderia me explicar o que é?

Desculpe.

Beijos, Fer.
meianoiteequinze.blogspot.com

Giih Reis (Gisele) disse...

Que legal o tutorial =D

Bjs,
Giih!

http://blogdasmeninasblogueiras.blogspot.com

Sté disse...

amei o tutorial e ja estou usando,meninas o blog está perfeito e acho que depois que acabar a maratona de tutorias poderiam continuar né?


Beijos

Things for teenagers|Encomendas|Twitter.

Tathá ! disse...

O blog que plagiou o Place fame inteiro praticamente reclamando da demora. eu ri

Bruna Barenco disse...

Usei, ajudou bastante, estava doida para descobrir como fazer isso!

http://mundodabrunabarenco.blogspot.com/

Layanne Eduarda disse...

USEI, AJUDOU MUUUUITOO

Liah Sá disse...

Usei! Obrigada pelo tutorial

www.bombadecereja.tk

Ana disse...

to seguindo aq!

retribui?

http://coisinhasparabloggarotas.blogspot.com/

:] disse...

Emily, o meu modelo de template é o viagem lilás, tentei tirar a attribution do meu blog só que só saiu a frase "Tecnologia..." e ficou um retangulo preto-transparente. Gostaria de saber como tirar esse retangulo, se ele só sai com um modelo de template especifico e se da pra mudar a cor de pra ficar totalmente transparente e não apareçer. Bom, minhas dúvidas são essas, espero que consiga responde-las. Desde já agradeço! :} www.d-e-s-n-e-u-r-a-n-d-o.blogspot.com

Ana Carolina Reis Freitas disse...

Muito bom o seu blog!
EU SOBREVIVO GRAÇAS A TUTORIAIS! E MEU BLOG TBM!
Já tô te seguindo no GFC,
Segue de volta? Curti minha fanpage?

brogandome.blogspot.com
facebook.com/brogandome

twitter: @carolposeidon
Carol

Postar um comentário