Caso alguma imagem do blog não esteja aparecendo, por favor, avise nos comentários da postagem em questão!

20/12/2011

Presente de Natal 1 - Setas de voltar ao topo

O Natal está chegando, e como eu disse vou dar o meu presente de Natal para vocês. Eu pensei num presente em três partes, baseado no interesse maior do público que visita o meu blog. O que mais faz sucesso são os tutoriais, claro, mas vou fazer um que possa ser mais concreto, que todos possam usar. Então escolhi colocar alguns utilitários, que é o segundo maior interesse dos leitores. Eu já disponibilizo vez ou outra alguns utilitários já hospedados, mas esses são especiais e vão poder ajudar na montagem de seus layouts de 2012.

A primeira parte do meu presente vão ser as setas de voltar ao topo. Primeiro, vou dar seis setas normais, depois oito setas com um diferencial que eu vou explicar daqui a pouco.
Só que dessa vez não vou colocar o código de cada seta separadamente, então peço que você siga os seguintes passos para colocá-la no seu blog:
  1. Se você ainda não tem no seu blog, é só ir em Layout e adicionar um gadget (HTML/Javascript) em qualquer lugar do seu blog (pode ser no rodapé, por exemplo), com o seguinte código (se já tiver uma seta de voltar ao topo, é só clicar em "Editar" no gadget já colocado e trocar a URL):  <div style="position:fixed; bottom:0px; right:0px;"><a href="#"><img src="URL_DA_IMAGEM" border="0" /></a></div>
  2. Clique com o botão direito do mouse na seta que você escolheu e clique em "Copiar endereço da Imagem", ou copie o endereço abaixo da imagem;
  3. No código, no lugar de URL_DA_IMAGEM cole o endereço que você acabou de copiar;
  4. Clique em "Salvar".
O código vai ficar mais ou menos assim:
<div style="position:fixed; bottom:0px; right:0px;"><a href="#"><img src="https://sites.google.com/site/docesonhodemenina/fav-2/Voltaraotoposemi1.png?attredirects=0" border="0" /></a></div>

Se você quiser a seta na esquerda ao invés da direita, troque a palavra right por left.

Agora, vamos às setas. Primeiro as seis setas normais:
https://sites.google.com/site/docesonhodemenina/Voltaraotopo1.gif

https://sites.google.com/site/docesonhodemenina/Voltaraotopo2.png
https://sites.google.com/site/docesonhodemenina/Voltaraotopo3.png
https://sites.google.com/site/docesonhodemenina/Voltaraotopo4.png
https://sites.google.com/site/docesonhodemenina/Voltaraotopo5.png
https://sites.google.com/site/docesonhodemenina/Voltaraotopo6.png
Agora vem a novidade. Eu fiz 8 setas exclusivas semi transparentes. Isso mesmo!!! Elas são bem discretas, e mesmo que fiquem em cima do texto, vai dar para enxergar o que está escrito embaixo. Não entendeu??? Coloque uma no seu blog para testar!!!

https://sites.google.com/site/docesonhodemenina/fav-2/Voltaraotoposemi1.png
https://sites.google.com/site/docesonhodemenina/Voltaraotoposemi2.png
https://sites.google.com/site/docesonhodemenina/Voltaraotoposemi3.png
https://sites.google.com/site/docesonhodemenina/Voltaraotoposemi4.png
https://sites.google.com/site/docesonhodemenina/Voltaraotoposemi5.png
https://sites.google.com/site/docesonhodemenina/Voltaraotoposemi6.png
https://sites.google.com/site/docesonhodemenina/Voltaraotoposemi7.png
https://sites.google.com/site/docesonhodemenina/Voltaraotoposemi8.png
Caso você ainda tenha alguma dúvida de como colocar as setas no seu blog, visite as postagens anteriores clicando aqui ou aqui.

Amanhã tem a segunda parte do presente, não perca!!!

Mil Sweetkisses,
15 Comentários
Comentários

15 comentários:

  1. Eu amei as transparentes, lindas mesmo e boa ideia, eu já montei o meu novo template todinho, só estou meio na duvida, pois coloquei um menu suspenso no topo da pagina, agora não sei se devo deixar ou tirar, pois ele chama bem atença para as vendas das caricaturas e sugestão e parceria... ohhh duvida viu. Vc tbm fica na duvida quando faz um novo layout ou sou só eu??
    Beijinhoooos
    http://www.artesdosanjos.com.br/

    ResponderExcluir
  2. Olá Querida
    que ótimo presente
    ja peguei a minha e vou creditar no meu próximo post
    bjs

    brunaporelamesma.blogspot.com

    ResponderExcluir
  3. Setas bonitas! Já guardei algumas o meu PC! Seguindo aqui ta? Beijos

    bquadrada.tk

    ResponderExcluir
  4. Amei seu blog, muito lindo. Já seguindo.
    Segue lá:
    www.mundodajulia13.blogspot.com

    Bjus cor-de-rosa...

    ResponderExcluir
  5. Ah que legal hein flor adorei o presente vou escolhe um é colocar lá *-*
    Beijo
    http://marifriend.blogspot.com/
    @Storieandadvic

    ResponderExcluir
  6. que legal :)

    http://himi-tsu.blogspot.com

    ResponderExcluir
  7. Adorei os presentes! *-*
    bjs
    charmofpink.blogspot.com

    ResponderExcluir
  8. Adorei as lilás e rosinha.
    Obrigada pelo selinho!!

    http://blog-dreamygirl.blogspot.com
    @paulaaraujodf

    ResponderExcluir
  9. [aaaa] adorei o presente *-------*

    e adorei seu cantinho tbm minha linda ((;

    seguindo de volta, amei aqui ><

    beeeeijos 's2

    http://umaprincesadeallstar.blogspot.com/

    ResponderExcluir
  10. Oii Flor, voce comentou no meu blog, adorei seu blog, obrigada pelo selinho

    www.i--love--y.blogspot.com

    Thau !

    ResponderExcluir
  11. Adorei, no meu blog já tem, mas são lidnas essas que vc colocou aqui ^^

    Venham participar do SORTEIO DE FINAL DO ANO no meu blog!
    http://arcoirisdabeleza.blogspot.com/2011/11/sorteio-de-final-do-ano-nacional.html

    Super beijos :*

    ResponderExcluir
  12. Oi flor amei seu comentário lá no blog brigada meeesmooo <3

    To seguindo sim com certeza!!!

    Super fofo seu blog!!

    Sucesso!!
    http://dreamofchocolateoficial.blogspot.com

    ResponderExcluir
  13. Oii linnnda, obrigada pela visita em meu blog, sempre estou por aqui dando uma conferida em suas dicas (:

    bjs

    ResponderExcluir
  14. eu estava pensando em colocar a seta de voltar ao topo no meu blog,vou fazer uma ou pegar a azul com listras ou a azul trasparente.
    gostei delas!

    ResponderExcluir
  15. Olá, desculpe incomodar, mas vim pedir que votem no meu blog no link a baixo.
    beijinhos, focanna.blogspot.com
    http://blogdicasdadan.blogspot.com/

    ResponderExcluir

Related Posts Plugin for WordPress, Blogger...
Posts relacionados