Menambahkan Tombol Link "Back To Top" pada Blog

Pernah kita membaca sebuah artikel, tips, trick, tutorial, atau cerpen pada sebuah blog?
Dan ternyata isi blog tersebut sangat panjang sekali, sehingga menghabiskan semua layar monitor, biasanya kita menggunakan tombol scrool dan ternyata itu memakan waktu cukup lama, atau kita ingin mengulang membaca isi blog tersebut mulai dari awal..

Saya penasaran, dan ingin memasang widget " bact to top" atau "kembali ke atas" pada blog saya ini, dan saya menemukannya disini, simple dan gampang:

Caranya seperti ini :
  1. Log In ke blog anda
  2. Klik Design -----> Add a Gedget -----> HTML/Javascript
  3. Kemudian COPAS code dibawah ini
  4. <a title="Back to Top" href="#" style="position: fixed; bottom: 5px; left: 5px;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguGHsH7MM7WnR-fvddVC18Ce8P9maeJ1EYJ6sQ_D7yGob74ZSUkhSNSwcDB7uZWklwNSzjXQs2FEzh60GDz8HisUtfsLGvyRlRSPLqcHB04hrK9dOzVXzD3Lidt77JwH-leVw2OvFIAtg/s1600/back+to+top+4.png" /></a>
  5. Save
  6. Selesai
Catt :
Yang ditulis merah boleh diganti dengan url gambar sesuai keinginan anda

dibawah ini ada beberapa contoh gambar yang bisa digunakan :

back+to+top
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqqW_YJr07ogSmlfY4YuD_5lOlmZtBo1CYjsrgrUT1CtWKYScxRhL89DEIMtu0LDriyDODcZhmi0c9sg8qievynUEVUQ5xn4KxAWhTIPMK_X-GJ4g-1MIssHCGlHk9Uy1awcm5lbJZHwE/s1600/back+to+top.JPG

back+to+top+1
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbOl657uoZZnaT0wbA0FQaxcIQNcg4UOU-3HdsHIOe22_6RQIfNZgKWQvcK94512Vf5pZ8tpIz6Sk7YGXSVnVK6-MVHR6yxDaWKhwOfHrHuHRTD29YIa9iVh6MEotN_T3zy3GWTNjBo1E/s1600/back+to+top+1.png

back+to+top+2
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpmuwdnbfoy2Er5bVspI7YpltdUik8ztB78fq_Ah8_vZ9jxxT9NkpdM0XSD06nw8f8WY4H_1UOvHyteKyXo-N3lHJFDpwc9FDo6EGsa3n7gcQzH1f4NfpdcZGu_BE4Iztc_FNQvJSGXI8/s1600/back+to+top+2.png

back+to+top+4
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguGHsH7MM7WnR-fvddVC18Ce8P9maeJ1EYJ6sQ_D7yGob74ZSUkhSNSwcDB7uZWklwNSzjXQs2FEzh60GDz8HisUtfsLGvyRlRSPLqcHB04hrK9dOzVXzD3Lidt77JwH-leVw2OvFIAtg/s1600/back+to+top+4.png

back+to+top+5
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieA5MNP7PX3y8npLBdM-S2qBC83VUxz6Dyh9Rq_j_d2TB0MKccRhSt6kezgBpeC-TQ9Qm3n373oE3yFzfLKGegmUcz5BWmoi1kjsAdVJsgOG9PTGxv7qmZt4AYp4Er3Okkwvbi2jxaYM4/s1600/back+to+top+5.png

back-to-top-button.gif (72×107)
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh14Mh0mcAqteFoHwDnKpIIWPTyR03U5sA7HaQHIa0VaWc9MZ9GReRE1u7tu8SaPJAWmRfVOIiAsosrHmJeNosBWiXd_7zlU4WgSHtriOqHll7eRplvhMvwudt0D-n2AM_UveBfK8j906qX/s1600/back-to-top-button.gif  


It's Work

Post a Comment

1 Comments