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,