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

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.