26 agosto 2011

Botão “Voltar ao topo” pelo HTML do Blogger

| |
Ola menina(o)s, bom pra quem não sabe eu já havia feito um Tutorial sobre a Seta Voltar ao Topo.

"Primeiro Faça um BACKUP do seu template."


Copie o código abaixo

<div style='float:right;'>
<a href='#'>
<img src='URL-DA-SUA-IMAGEM' style='display:scroll; position:fixed; bottom:5px; right:5px;' title='Voltar ao Topo da Página'/>
</a>
</div>

Vá em DESIGN > EDITAR HTML, precione CTRL+F e pesquise pela tag
</body>
E cole o godigo acima de </body>

----------------------------------ficará assim: ----------------------------------

<div style='float:right;'>
<a href='#'>
<img src='URL-DA-SUA-IMAGEM' style='display:scroll; position:fixed; bottom:5px; right:5px;' title='Voltar ao Topo da Página'/>
</a>
</div>
</body>

Agora substitua URL-DA-SUA-IMAGEM  pelo link da sua imagem, 
Fiz algumas imagens pra vocês usarem!
 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJcl_8Q-2ILezec8-6D_QA_2l6nTWa6KZp9G3hA4xZk4TMK76535RWLjXvrlcS-fJ4ZE5D4xTofK7dzM-KIPANuscymzaHk1Ie2H01LZeIGxBalBuNGDGOYYUfII74sWvadpT-CfyTE7E/s1600/subir+azul.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9HTXCgo1ondvQU0ZrY1sPM8HyW0cCYUo3q-Tl9BFJzq5-d1UbQSRd9F-lAm_CuLCMV14pbjE0YQ_Ad4MeHDIM70F2-ut3Q2VtpY3-c4ch1Bnl_fshWt-ubQFDOgwHbKj9MMNFVIsltIw/s1600/subir+preto.png
 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgraWXb9mssTEr-z-73RuBLA-rkuctoMuhLbrsf0IAAnuuaaPl9fIeISy2BXcr_-rNId9x9_Fxc1oREHJ_oandvgd28Vl8pUBVgkHC7wnD2r6IIpPM1gcADQkgf9TtEAdl6ofV7-UjPHqw/s1600/subir.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhR5cA6xgJzVCMkuyTLlIUD7Q-wf6pb8d1WckENSOPb065c5NXgSF34QXhZPqbIKOHQv8TTVkZ45FalaOns3z3z0PIFCN6ncOG8TojG1ouf4ZMbFB-_WrZ6GhCKXL2Xt6xTOWG1UR1rUtk/s1600/topo1.png
 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2LW5PT-CMrC08abducdNkhs7TkrT6HPvKyNbo-HbUVxBKCe1elywea-qxUF55VQSOU6XtD8sYETza8vNERog6YNUvFPDef901XoBDHdK48M5ZZwatT6WyJ4-j0PpQuL-PnpU3NPIQXVE/s1600/topo2.png

visualize seu template se estiver tudo certo Salve.
Espero que tenham gostado do Tutorial, Bjinho e ate a proxima!

16 comentários:

Nayara Felix disse... [Responder]

Oiiie Seguindo...
Segue de Volta !!!
http://diariodahnayara2011.blogspot.com/

Jéssica Nóbrega disse... [Responder]

Amei aqui *-* muito lindo ^^
vou seguir, segue o meu também?

http://cupcakebomb-js.blogspot.com/

b alice disse... [Responder]

Hello fofinha amei o Blog, votei em você la no attitude included, to torcendo por você!
Bejinho Ate Mais!

Luana B disse... [Responder]

Oi linda ja votei no seu blog, bjos
Luana B!

Nayara e Bruna disse... [Responder]

Amiga já votei, Você ta na frente> espero que ganhe!

Ana disse... [Responder]

oii,
amei o blog.
Aceita parceria??
http://cutiecatt.blogspot.com
Bjjs,

Angélica disse... [Responder]

Sempre to pra fazer esse tutorial no meu blog, mas nunca da tempo D:
adorei o blog, o design é super lindo e o conteúdo igualmente *-*

estou lhe seguindo e aguardando sua visita no http://posdezesseis.blogspot.com/

Anônimo disse... [Responder]

Nossa querida que blog lindo é esse, eu adorei aqui, é tudo muito organizado e perfeito!

www.theatrevidos.blogspot.com

Manella Castelan disse... [Responder]

Oie to seguindo hein!
Segueu o meu tbm:
s2sweetgirlforever.blogspot.com

Anônimo disse... [Responder]

AMEI!!!
Vou seguir o seu blog agora!!
bjs..

Sara Juliana disse... [Responder]

oi

eu esto seguindo seu blog
segue o meu
por favor

annaklusmy.blogspot.com

Dexter disse... [Responder]

Muito Obrigado o site eu estava me matando tentando achar isso vlew msm.

Claire disse... [Responder]

Fofa usei um dos seus volta ao topo, ok??
Bjss
seguindo Segue de volta??

bjss

http://claritchah.blogspot.com

Anônimo disse... [Responder]

Gostei obrigado,
http://fashion-teenagers-to-you.blogspot.com

Akira disse... [Responder]

Usei o tuto, http://theirdreamsrealized.blospot.com.br/

Nick Junior7 disse... [Responder]

nao foi apareceu subir mas eu click nao vai nen que eu esteja na utima parte

Se Plagiar Vai Dançar!
myfreecopyright.com registered & protectedProtected by Copyscape Online Plagiarism Checker