terça-feira, 6 de dezembro de 2011

Botão Voltar ao Topo do Blog

Gente hoje vou mostrar alguns botões de voltar ao topo do blog. Vai ter botões da Jolie, porém não vai ter o nome voltar ao topo, vai ser apenas a imagem, mas funciona de verdade basta clicar.
Mas antes de mostrar as imagens, vou ensinar como colocar no blog.
  1. Você deve copiar o URL que estará embaixo da imagem do botão voltar ao topo.
  2. Depois você deve ir na design do seu blog, clique em adicionar um gadget.
  3. O gadget que você deve adicionar é html/javascript cole o URL que você copiou.
  4. Salve Tudo e prontinho.
Vamos ver as imagens.
 
<div style='float:right;'>
    <a href='#'>
    <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWx0XOuVVLvvVHvh9J9_qL9UjS7bnvKVBmhYT-mIl7Y-zD2V1C6x-iooiFB88_RvglYCNkkutPRhNdj0mEzzVKKDncnvK8I8AjNU0Y61Ua4YQzO8sECAF7xau7jVRay4kBi_LJ0QuY9OeV/s1600/jolie-gul017-721041.jpg' style='display:scroll; position:fixed; bottom:5px; right:5px;' title='Voltar ao Topo da Página'/>
    </a>
    </div>

 <div style='float:right;'>
    <a href='#'>
    <img src='http://www.totalgifs.com/jolie-tilibra/10.jpg' style='display:scroll; position:fixed; bottom:5px; right:5px;' title='Voltar ao Topo da Página'/>
    </a>
    </div>


       <div style='float:right;'>
    <a href='#'>
    <img src='http://4.bp.blogspot.com/-qnOLqwN1oIA/TrlDvg8tM4I/AAAAAAAARBE/X_Irgebgfic/Jolie66_thumb%25255B1%25255D.png' style='display:scroll; position:fixed; bottom:5px; right:5px;' title='Voltar ao Topo da Página'/>
    </a>
    </div>

4 comentários:

  1. Ai que coisinhas mais fofas amuuu
    seguindo flor passa la no meu
    http://meninachict.blogspot.com/

    ResponderExcluir
  2. aiii que fofos =) ameii, seguindo vc amore, vem me seguir tb e participar de super sorteios de natal, beijos

    http://girlscosmetic.blogspot.com/

    ResponderExcluir
  3. Lindo amei to usando no meu blog bjim...

    ResponderExcluir
  4. Como diminuir o tamanho ficou grande demais?

    ResponderExcluir