domingo, 5 de julho de 2015

Botão "Voltar ao Topo"

Botão "Voltar ao Topo"

(Com efeito Deslizante - Scroll)


Passo a Passo de como incluir o botão no seu Blogger.

1) Escolha um site para armazenar sua imagem (sugiro TinyPic) ou faça uma "pseudo postagem" no blogger, conforme tutorial abaixo.

TinyPic - Excelente site para armazenar, gratuitamente, imagens e vídeos.

Tutorial "Pseudo Postagem"

Outra maneira de obter o link de uma imagem é usando o próprio Blogger, através de uma "pseudo postagem".
Como assim? Basta você criar uma NOVA POSTAGEM, inserir a imagem desejada, mas não clica em publicar; apenas SALVA como RASCUNHO. Depois, basta visualizar a página (rascunho), clicar com  ponteiro direito do mouse sobre a imagem e copiar o LINK ou URL, ou seja, o endereço virtual da imagem.

 2) Copie o link da imagem (gerado pelo site ou blog);
3) Vá no painel administrativo do blog, clique na aba LAYOUT;
4) Adicione um GADGET;
5) Clique em HTML JavaScript;
6) Cole o código a seguir:
<div style="position:fixed; bottom:0px; right:0px;"><a href="#"><img src="Link da Imagem'' border="0" /></a></div>

6) Onde tem "link da Imagem" cole o link gerado para a sua imagem que está armazenada em algum site ou na falsa postagem no seu Blog.

Dica: caso queira que o botão apareça do lado esquerdo do blog, basta troca "right" por "left".

Alguns modelos encontrados na Net:


















 



































































































































































































Imagens: Blog Elaine Gaspareto
Blog Somente Detalhes
Blog Renata Massa
... e espalhadas na internet.

✿ܓEdineide Oliveira



Related Posts Plugin for WordPress, Blogger...