quarta-feira, 11 de agosto de 2010

Como colocar botão "Topo da página" no blog

Pra quem não entendeu o título, me refiro a um pequeno botão, seja com uma seta pra cima ou outra imagem do seu gosto, é botão que quando clicado, volta ao topo da página.

Mas pra que isso? Bom, muitos blogueiros colocam uma quantidade de postagens muito grande à sua página inicial, portanto, esse botão facilita o visitante e torna sua navegação mais rápida, que quando querer voltar ao topo, é só clicar no botão.

Para instalar no blog, copie o código abaixo, vá em "Design" - "Adicionar um Gadget" - "HTML/JavaScript" e cole.

Ou vá em "Editar HTML" e cole o código acima da tag </body>.

<center><a style="display:scroll;position:fixed;bottom:50px;right:50px;" href="#" title="Voltar ao Topo da página"><img src="URL da imagem" /></a> <a href="URL do blog"> <span ></span></a></center>

Depois modifique as partes em destaque e salve!

Marcadores: ,

8 Comentários:

Às 21 de fevereiro de 2011 16:51 , Blogger Ricardo disse...

Vlw eu estava precisando

 
Às 21 de fevereiro de 2011 16:55 , Blogger Ricardo disse...

eu fiz uma pequena modificação inves do '#' da parte do 'href="#"' eu puz o Link e quando eu cliquei foi pro link que eu botei pode me explicar porque isso aconteceu ?

 
Às 23 de fevereiro de 2011 09:27 , Blogger Códigos Blogger disse...

Porque href="#" seria o link do botão, que deve deixar como está. Se você colocar um link nele, ao clica-lo ele vai para o link inserido. Só é pra pôr o link do seu blog em "href="URL do blog""

 
Às 23 de fevereiro de 2011 15:22 , Blogger Ricardo disse...

Mas eu não queria um botão topo eu queria um botão que andava junto com a barra

 
Às 25 de junho de 2011 13:25 , Blogger leonbrazilianconductor disse...

como assim "EM CIMA"??

 
Às 26 de junho de 2011 21:58 , Blogger Códigos Blogger disse...

@leonbrazilianconductor Em cima quer dizer colar o código antes da tag mencionada. :)

 
Às 25 de novembro de 2011 15:20 , Blogger Bethinha disse...

Adorei a postagem! Ajudou mesmo! coloquei o botão lá no meu blog, personalizado ainda por cima. Brigadim por compartilhar. Dá uma olhadinha lá.
cachecoisesapatinhos.blogspot.com/

 
Às 31 de dezembro de 2011 12:04 , Blogger Marquinhos disse...

vlw gostei :D deu sertinho rsrs vlw

 

Postar um comentário

Se você gostou deste artigo deixe um comentário!

Duvidas ou sugestões comentem aqui! =D
*Não insultar autor ou leitores da postagens
*Não pedir parceria por comentários
*Não publicar spam ou similar.

Assinar Postar comentários [Atom]

Links para esta postagem:

Criar um link

<< Página inicial