Website XXL

Adauga butonul Back to Top

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:
    < class=”brush: xml; toolbar: false;”></body></>
  4. Varianta cu imagine: introdu codul de mai jos inaintea liniei cautate la pasul anterior:
    < class=”brush: xml”><a style=”position: fixed; bottom:5px;left:5px;” href=”#” title=”Du-ma sus”><img style=”border: none;” src=”CaleImagine”/></a></>
  5. Inlouieste CaleImagine cu calea (URL-ul) catre imaginea pe care vrei sa o folosesti.
  6. Varianta cu text:
    < class=”brush: xml”><a style=”position: fixed; bottom:5px;left:5px;” href=”#” title=”Du-ma sus”>Textul tau</a></>
  7. Inlouieste Textul tau cu textul dorit de tine.
  8. Dupa ce salvezi ar trebui sa iti apara pe blog butonul Go to Top

Daca ti-a fost folositor acest tutorial poti sa dai un Like sau daca ai nevoie de ajutor nu ezita sa lasi un comentariu mai jos.

Leave a Reply