Cursores e Setas de Voltar ao Topo de Natal!!!

Ainda pensando naqueles que querem enfeitar seus blogs para as festividades de final de ano, trago hoje cinco cursores e cinco setas de voltar ao topo exclusivas e já hospedadas. Dessa vez, fiz questão de caprichar em cada um deles, para que fiquem perfeitos em seus templates (confesso que da última vez, as setas não ficaram tão boas assim). Mas vamos logo a eles:

Cursores:

Primeiro teremos os cursores. Estou usando o código novo, o que possibilita um cursor com seta e mãozinha quando passamos o mouse nos links. Se você não está visualizando o cursor aqui do DSM (com um lacinho roxo na ponta), isso significa que o codigo não funciona no seu navegador, ok?

Só não vou poder colocar o código individual de cada um, vou colocar o código sem endereço nenhum e depois vocês completam com a url do cursor que vocês escolheram.

Para colocar no blog, siga os seguintes passos:

1. Retire o código de cursor anterior do seu template (se você tiver);
2. Copie o código abaixo:

<style type="text/css">body {cursor: url(ENDEREÇO_DO_CURSOR_SETA), progress !important;} a:hover {cursor: url(ENDEREÇO_DO_CURSOR_HAND), progress !important;}</style>

3. Entre na aba Layout (Design) no seu Painel do Blogger;
4. Clique em "Adicionar um Gadget" (pode ser no rodapé) e escolha o item HTML/JavaScript na janela pou-up que abriu;
5. Cole o código na caixa "Conteúdo" (deixe o título em branco);
6. Pegue o endereço da imagem do cursor escolhido;
7. Cole no lugar de ENDEREÇO_DO_CURSOR_SETA a imagem do cursor de seta e no lugar de ENDEREÇO_DO_CURSOR_HAND coloque o cursor de mãozinha;
8. Clique em "Salvar".

 Agora vamos aos cursores que eu fiz para vocês, clique com o botão direito e depois em "Copiar endereço da imagem" para pegar o endereço do cursor escolhido:

Setas de Voltar ao Topo:

Agora vamos para as setas. Se você ainda não tem uma no seu blog e gostar de alguma das que eu fiz, é só ir em Layout e adicionar um gadget (HTML/Javascript) em qualquer lugar do seu blog (pode ser no rodapé, por exemplo), copiar e colar o código que está embaixo da seta na janelinha que vai aparecer:

<div style="position:fixed; bottom:0px; right:0px;"><a href="#"><img src="https://sites.google.com/site/docesonhodemenina/BacktotopXmas1.png" border="0" /></a></div>

<div style="position:fixed; bottom:0px; right:0px;"><a href="#"><img src="https://sites.google.com/site/docesonhodemenina/BacktotopXmas2.png" border="0" /></a></div>

<div style="position:fixed; bottom:0px; right:0px;"><a href="#"><img src="https://sites.google.com/site/docesonhodemenina/BacktotopXmas3.png" border="0" /></a></div>

<div style="position:fixed; bottom:0px; right:0px;"><a href="#"><img src="https://sites.google.com/site/docesonhodemenina/BacktotopXmas4.png" border="0" /></a></div>

<div style="position:fixed; bottom:0px; right:0px;"><a href="#"><img src="https://sites.google.com/site/docesonhodemenina/BacktotopXmas5.png" border="0" /></a></div>

Clique em "Salvar" e pronto, você já terá sua seta de voltar ao topo!!! Se você quiser a setinha na esquerda é só trocar a palavra right por left.

Espero que vocês tenham gostado e que seja útil para alguém!!!

Mil Sweetkisses,