Teknologi Dan Media Informasi: Cara Memasang Fitur Back To Top Pada Bogspot

Back to Top Button atau Tombol Kembali ke Atas adalah fitur blog yang mempermudah pengunjung/visitor blog kembali ke bagian atas halaman dengan sekali klik tanpa melakukan mouse scrolling. Efeknya sangat besar sekali terutama bagi blog yang memiliki halaman panjang. Letak dari tombol fitur back to top kali ini ada di bagian footer sebelah kanan.

Cara menambahkan fitur 'Back To Top' untuk Blogger-Blogspot:

1. Masuk ke edit HTML.

2. Cari kode tag </body> (Ctrl+F)

3. Masukkan kode dibawah ini di atas </body>:

Versi 1 : (Digunakan Untuk Sekali Klik Langsung Menuju Keatas Secepat kilat)

<a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back to Top'><img onclick='MGJS.goTop();return false;' src='http://c3.yousaytoo.com/rss_temp_image/pics/76/73/76/5484676/remote_image20110409-27992-1sdnhcj-0.png'/></a>

Versi 2 : (Digunakan Untuk Sekali Klik Menuju Keatas secara smooth dengan perlahan)

<script src='http://bloggerpeer.googlecode.com/files/backtotop.js' type='text/javascript'></script>
<a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back to Top'><img onclick='MGJS.goTop();return false;' src='http://c3.yousaytoo.com/rss_temp_image/pics/76/73/76/5484676/remote_image20110409-27992-1sdnhcj-0.png'/></a>

Ganti link url bertulisan merah dengan link gambar anda atau gunakan gambar di bawah ini, klik kanan copy (save as), trus upload dan host sendiri ya gambarnya, biar gak lelet dan pengunjung gak melet-melet!

Atau Search and Googling (cari juga di photobucket.com) gambar 'back to top/kembali ke atas' sendiri yang lebih keren dan sesuai dengan warna dan ukuran footer blog-mu, gunakan keyword "back to top button image", kemudian upload dan host gambar itu.

Ambil/copy direct link gambar dan ganti alamat url gambar Back to Top-mu dengan alamat url/link tersebut dan taruh diatas kode </body>. Contoh :

<script src='http://bloggerpeer.googlecode.com/files/backtotop.js' type='text/javascript'></script>
<a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back to Top'><img onclick='MGJS.goTop();return false;' src='http://c3.yousaytoo.com/rss_temp_image/pics/76/73/76/5484676/remote_image20110409-27992-1sdnhcj-0.png'/></a></body>

4. Kalau sudah dimasukkan semuanya dan pastikan tidak ada yang terlewat, save template HTML-nya.

5. Done! Fitur/Button Back To Top siap digunakan.

Semoga Bermanfaat Sobat..., Good Luck And Have Nice Day...!! ^_^..