Pesquisar...

terça-feira, 11 de agosto de 2015

Colocando botão VOLTAR AO TOPO com efeito deslizante no blog


Esse recurso é muito útil para blogueiros, pois agiliza a navegação dos usuários, quando eles precisam  rapidamente voltar ao topo. Instalar esse recurso no seu blog é bastante simples, pois não vai precisar editar o HTML da página. Para instalar esse recurso siga os passos a seguir:



Primeiro faça um login no seu blog, em seguida no menu do blog clique na aba Layout que fica a esquerda, veja a imagem abaixo:


Agora clique em Adicionar um gadget e depois adicione a gadget HTML/JavaScript




Agora copie o código e cole na caixa que ira expandir, depois substitua o que marquei no código (Cole a URL da imagem aqui) pelo endereço da imagem que você quer que fique como o botão para voltar ao topo.

Exemplo de como alterar o endereço de imagem do botão


Obs: Não é necessário por um título na gadget HTML/javaScript.


Pronto! Agora só precisa salvar e depois visualizar o blog para ver os resultados. Esse script foi testado e aprovado, pois é o mesmo que uso aqui no blog e até agora não deu erro, se esse script não funcionar no seu blog deixe um cometário sobre seu caso aqui nessa postagem.


Clique na imagem para expandi-la


Pode baixar algumas imagens que separei para você por como botão de voltar ao topo no seu blog, confira abaixo:


Baixe uma dessas imagens e faça upload para usa-la como botão de voltar ao topo, caso não saiba fazer, clique aqui e veja esse tutorial para aprender a hospedar imagens.

Espero que este tutorial lhe tenha sido útil, se gostou compartilhe o artigo e deixe seu comentário abaixo.

Nenhum comentário:

Postar um comentário

É possível usar emoticons nos comentários, use os respectivos símbolos para usa-los.