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

13/12/2012

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,
11 Comentários
Comentários

11 comentários:

  1. Que lindos! O blog fica tão mais bonito com esses mimos, não é mesmo? >.<

    Beijos,
    Caroline, do Criticando por Aí

    ResponderExcluir
  2. Fofooos!
    Beijos;*
    Visita?
    girlonlline.blogspot.com.br
    Está rolando sorteio do livro do Nicholas Sparks!

    ResponderExcluir
  3. Adorei as suas dicas, Sheila lá no blog Lucimar Virtual o blog que faz parte da Estrela da Manhã tem post novo se você quiser dá uma passadinha lá pra conferir é só clicar no link abaixo, fique com Deus beijos.
    http://www.lucimarvirtual.blogspot.com.br/2012/12/como-falar-que-o-papai-noel-nao-existe.html

    ResponderExcluir
  4. Muito legal! Mas eu adorei um modelinho de seta de voltar ao topo que tu disponibilizou na postagem anterior e estou usando. Acho uma graça esses enfeites, dão um toque mais aconchegante e pessoal para nossos blogs.

    ResponderExcluir
  5. como você coloca a seta do lado esquerdo, porque quando colocamos a seta sempre fica no lado direito você pode me responder esta pergunta com um tutorial ????


    Obrigado pela sua atenção!!!
    Marcela.
    http://garotasanjinhos.blogspot.com.br/

    ResponderExcluir

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