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!
 http://2.bp.blogspot.com/-odQG6DW-1Sw/TlfLLLtCPGI/AAAAAAAADWI/VIiJxUrNyZs/s1600/subir+azul.png
http://2.bp.blogspot.com/-bdYRn3LRX5Q/TlfLLj9ucVI/AAAAAAAADWM/0nUg78xWNcI/s1600/subir+preto.png
 http://3.bp.blogspot.com/-BBfq41T0z18/TlfLMG4SgfI/AAAAAAAADWQ/gsTgyWeo8c0/s1600/subir.png
http://2.bp.blogspot.com/-SgPWiW8jmF0/TlfLMjFcUPI/AAAAAAAADWU/8R7vQNeLvAM/s1600/topo1.png
 http://1.bp.blogspot.com/-URnPve1x61k/TlfLNDObcjI/AAAAAAAADWY/TkMpKIyTkAA/s1600/topo2.png

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

17 comentários:

Nayara disse... [Responder]

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

Jéssica Dantas 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/

Alek Silva. disse... [Responder]

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

www.theatrevidos.blogspot.com

Manuella N. disse... [Responder]

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

Sabrina disse... [Responder]

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

anacklusmy disse... [Responder]

oi

eu esto seguindo seu blog
segue o meu
por favor

annaklusmy.blogspot.com

Grayce Kelly disse... [Responder]

ameeeei seu blog já estou t seguindo visite http://averdadeiradama.blogspot.com
se gostar seja uma seguidora...bjinhos

Seth 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

fashion-teenagers-to-you disse... [Responder]

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

Any Neves disse... [Responder]

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

Nick 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