luni, 6 aprilie 2009

Adauga un buton "back to top" in Blogger - blogspot

Am un blog despre filme noi pe care am scris niste articole foarte lungi si cautam ceva sau mai bine zis un script care sa ajute vizitatorii blogului ca atunci cand ajung la sfarsitul articolului doar sa apese pe o iconita si sa ajunga la inceputul pagini doar cu un clik.

Am vazut pe multe site-uri asa ceva dar era un buton fix si atat. Pe blogurile de la Blogger - blogspot nu vazusem niciodata si oricum nu aveam nici o idee cum sa fac.

Apoi am gasit pe pe acest blog exact ce imi trebuia. Un buton asezat in marginea dreapta a blogului care ramane pe loc desi tu derulezi pagina, iar functia lui era "back to top" si era si pe un blog de la Blogger - blogspot.

Am cautat si am gasit un articol scris despre asta unde dadea si scriptul respectiv.

Vezi un exemplu aici pe blogul meu. Uita-te in partea dreapta jos dupa un buton (o sageata) si da clic pe ea.
(exemplu nu mai este valabil - codul functioneaza bine)

Vezi si acest articol: Adauga un buton "Back to top" si "Go down" la blog

Cum sa instalezi butonul "Back to top" in blog

Pentru a instala acest buton in blogurile Blogger trebuie sa va duceti la Aspect --> Elemente de pagina --> Adaugati un obiect gadget si sa alegeti obiectul HTML/JavaScript. Lasati gol campul pentru titlu, iar in campul pentru continut adaugati urmatorul cod:

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"><img src="http://blog.danielnicolae.googlepages.com/top3.gif"/></a>

Pentru a schimba imaginea din exemplu cu imaginea voastra doar inlocuiti url-ul din cod cu url-ul vostru.
Daca vreti sa schimbati pozitia imagini puteti umbla la urmatoarea parte a codului:

bottom: 5px; - puteti schimba cifra 5 cu alta dorita de voi; mai mica sau mai mare
right: 5px; - aici ar fi bine doar sa scadeti numarul ca sa nu arate urat daca il mariti.

Iata si cateva poze pe care le puteti folosi daca vreti.

Download imagini

4 comentarii:

  1. am observat ca in internet explorer nu apar sagetile in colt, ci in coloana de widgeturi.. eu folosesc de obicei firefox, dar am intrat intamplator si cu explorer si am vazut..

    RăspundețiȘtergere
  2. Miri eu il vad la fel in toate browserele. Poate folosesti o versiune mai veche a IE!

    RăspundețiȘtergere
  3. e posibil sa fie asta problema, e un IE 6 si ceva.. cum nu l-am mai folosit, a ramas neactualizat ;))

    RăspundețiȘtergere