quarta-feira, 6 de novembro de 2013

Botões ''voltar ao topo'' para blog

Oii amores, tudo bem com vocês? Eu fiquei algum tempo afastada do Geral.com por motivos pessoais, mas estou de volta com uma dica bem legal e super útil. O botão ''voltar ao topo'', esse botão facilita bastante na hora de ler uma postagem grande no blog e voltar ao inicio na página com rapidez.


Segue abaixo o passo a passo de maneira rápida para colocar esse botão no seu blog.


1. No painel do seu blog clique em ''Design'', agora clique em "Adicionar um Gadget'' e procure por HTML/JavaScript. Abrirá uma caixinha numa nova janela.

2- Copie o seguinte código e cole nessa caixinha.

<div style="position:fixed; bottom:0px; right:0px;"><a href="#" title="topo da pagina"><img src="URL DA IMAGEM" border="0"></a></div> 


3- Não clique em salvar nem em cancelar, deixe a caixa aberta e escolha a imagem que deseja colocar no seu botão, veja as opções abaixo. Em seguida clique no lado esquerdo do mouse e clique na opção “Copiar URL da imagem”.


4- Volte ao código que você acabou de colar e substitua o texto URL DA IMAGEM pela url que você acabou de copiar. Clique em salvar e veja como ficou, se não der certo não tem problema, volte ao layout do blog e exclua o Gadgets. Releia o tutorial e faça novamente.