dicas blog
Home » , , » Colocar botão voltar ao topo do blog

Colocar botão voltar ao topo do blog

7
Isso    é muito  bom  e  importante  para   blogs   de  pagina  muito   grande,  ou  com  muitos  comentários.  voltar  ao  topo  é  uma  eternidade   e  com  esse   botão   basta  um  clique  e  voltara  ou  top   da  pagina.  como  num  elevador  sem  esforço   nem  um   a  instalação  é   bem  simples   e    é  processo  adicionar   dentro  de  um  gadget  java   script  e   escolher   a  imagem  que  preferir  para   seu  botão  voltar   ao   top,  esse  botão  aparece  quando  a  pagina  é rolada  para 
baixo  e  some  quando  sobre  para cima,  não  atrapalhado   os gadgets   laterais  isso  é  importante    vi  modelos  que  não  somem  e  ficam  por   cima  de   tudo,  que  tiver  na  lateral  siga    os  passos  abaixo   do  tutorial.
 
Copie    o  código    abaixo  e   adicione  dentro  de  um  gadget   javascript  no  roda pé  do  blog.

Escolha   uma  imagem  de   sua  preferência  ou  crie  uma   no  photochop ou outro  programa  de  edição  que  tiver 
  

Depões   de  adicionar   a  imagem  salve  o   gadget  e   veja  o  resultado

 Meu Blog Dicas


Deixei  algumas  imagens abaixo    na  medida prontas talvez você  possa gostar
 
Abaixo  a imagem  para alterar o botão

 http://3.bp.blogspot.com/-nQ6xYoyxAUc/U48oX0zrVFI/AAAAAAAACPY/8L2K3jKTzlU/s1600/topbutton.png

 https://lh4.googleusercontent.com/-Fbku1oBv5lk/UMxbcThSjWI/AAAAAAAABKo/FCj_B6oKI9o/h120/Step-Forward-Normal-Red-icon.png

 https://lh3.googleusercontent.com/-05738nJSgEo/UMxbzV1tFHI/AAAAAAAABK8/tSmypoHEAjo/h120/Alarm-Arrow-Down-icon.png

 https://lh6.googleusercontent.com/--RY6AI6xRRY/UMxcJjLjgiI/AAAAAAAABLM/SsFqrpUbZN0/h120/Fast-backward-icon.png

 https://lh4.googleusercontent.com/-z3ey_p9-vyo/UMxcnm-9W0I/AAAAAAAABLo/zkrLOKQUANY/h120/up-icon.png
https://lh5.googleusercontent.com/-Q73-jr5ucrU/UMxcuTIj6hI/AAAAAAAABL0/dGD6_475HCw/h120/Actions-go-previous-icon.png
 

7 comentários:

  1. eu estou com um pequeno problema e que toda vez que coloco esse código no meu template meu slide não funciona mais o que eu poderia fazer ?

    ResponderExcluir
    Respostas
    1. Ola paulo desculpe a demora. não sei o que esta errado nesse código, ou se você fez algo errado para ele não funcionar.uso ele em um blog de teste e funcionou perfeitamente, coloque dentro de um gadget java script e proto salve onde quiser não entendi direito desculpe.

      Talvez os códigos de ambos sejam parecidos ou até mesmo o mesmo código. isso pode geral conflito entre eles.

      Excluir
  2. Ricardo,vou testar no meu blog teste.
    Agradeço por partilhar.

    ResponderExcluir
  3. É simples o motivo de parar de funcionar,é porque usa jquery,sendo assim vai ter que escolher oque usar se os slides ou o botão,se decidir usar os slides tente encontar um botão no formato javascript,tudo se resolve.

    ResponderExcluir