tutorial: Botão topo


              
Ooi meus (laçinhos)...kkk,então pesso desculpas por não ter mais postado,esses últimos dias....então eu vou fazer uma entrevista no blogger ainda nã defini o tema...
Eu quero,minhas borbolet’ss, trazer umas novidades J.
Minhas negas eu trouxe uns botões de topo!

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRK2EE8CeXXtMEviYBzmIm4ED-H-0dj7BuuPXQ-VSENImNhMNE2cR3AEKxEZmir2h_DMX4-HuTWh3WsNTM2R6z7lYg3WrMS_B9fNNmnyw-ReJ2vaGAPVH_5GyxoFw20X-pO6ZI19-H8ks/s1600/seta-by-material-extra2.png

1 ° passo : Vá em Modelo - Editar HTML - clique em expandir modelos de widgets


2º Passo :
 Aperte Ctrl + F e procure por:
</body>
Antes deste de </body>, cole o código abaixo :
<div style='float:right;'>
<a href='#'>
<img src='URL DA IMAGEM' style='display:scroll; position:fixed; bottom:5px; right:5px;' title='Voltar ao Topo da Página'/>
</a>
</div>

3º Passo : Substitua o link da imagem por 'url da imagem' e salve, prontinho! Fácil né?

Algumas imagens encontradas pela internet para subir ao topo:
http://img41.imageshack.us/img41/663/top9.pnghttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLEScY9lkabq3mS05kuGXdt3-N8LyVpPBO3JryXGhbADI5of-CBP-AKySG8xeuWQbxCOQwoDs1w45HMtk7tZgSlvQxnlhyphenhyphenxt2F-tCk0JTclm3PFE0fEjIgktiV0N3EfwuJLBiSHwpBVc3a/s200/voltar+ao+topo.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6zHS8iRoKdmRVACbpI0BklyIG_Y9d4jtd58HMGaDr0L7ByH-mZP6Qn8UcH0gVl07jXFtUQLl8ItYKKaBgPVHSuQP8S5aQOqxiMh_xdtyIf0tUkF_ifBUKmIkx7SkQE5L_locGtX_QwXhB/s1600/botao+voltar.pnghttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOH7Rh2Y7RacI1CimBO1S6bZrRx3sTUIYiOtH1Qv6LB2B-SIqoTyGKLc7ljCp8oTwh_74Q9tTOVw6Y2fEE2ERWNK8VnIFbXHxkhZXjeRWhp6CW_SW3nC6s6fdjfi0Ysp-DlGrxNBlDGmjt/s1600/topo3.png

 

© Template Grátis por Cantinho do Blog. Quer um Exclusivo?Clique aqui e Encomende! - 2014. Todos os direitos reservados.Imagens Crédito: Valfré