luni, 9 aprilie 2012

Adauga butonul Back to Top

Butonul Back to Top este un link, care odata apasat, trimite vizitatorul la inceputul paginii sau partea de sus a paginii. Pentru a vedea cum functioneaza, in partea stanga a acestei pagini sunt doua butoane, apasa pe cel din stanga si vei fi dus automat in partea de sus a paginii.


Acest buton este foarte util pentru vizitatorii blogului tau, mai ales atunci cand posturile tale sunt destul de lungi. De obicei acest buton este pozitionat in partea de jos a paginilor.

In acest tutorial iti voi arata cum sa adaugi un astfel de buton, Go to Top, care va avea o pozitie fixa pe pagina (chiar daca dai scroll), va putea fi apasat in orice moment.

Nota: Acest truc functioneaza si in Internet Explorer, dar butonul o sa apara in partea de jos a paginii.

  1. Te conectezi la Contul de Blogger, selectezi Design si apoi Editati HTML;
  2. Pentru orice eventualitate, fa o copie de siguranta a blogului;
  3. Cauta (CTRL + F) in sablonul blogului, linia:
    1</body>
  4. Varianta cu imagine: introdu codul de mai jos inaintea liniei cautate la pasul anterior:
    1<a style="position: fixed; bottom:5px;left:5px;" href="#"title="Du-ma sus"><img style="border: none;"src="CaleImagine"/></a>
    Inlouieste CaleImagine cu calea (URL-ul) catre imaginea pe care vrei sa o folosesti.
  5. Varianta cu text:
    1<a style="position: fixed; bottom:5px;left:5px;" href="#"title="Du-ma sus">Textul tau</a>
    Inlouieste Textul tau cu textul dorit de tine.
  6. Dupa ce salvezi ar trebui sa iti apara pe blog butonul Go to Top


0 comentarii:

Trimiteți un comentariu

Twitter Delicious Facebook Digg Stumbleupon Favorites More