Cara Membuat Tombol Back To Top di Blogger

Widget Back to Top Button atau Tombol Kembali ke Atas adalah sebuah widget berfungsi untuk mempermudah pengunjung/visitor blog kembali ke bagian atas halaman dengan cara meng-klik tombol tersebut, maka secara otomatis posisi kita dihalaman paling bawah blog, akan kembali lagi ke posisi atas halaman blog tanpa harus repot-repot melakukan mouse scrolling.

Widget ini tentunya sangat besar sekali manfaatnya bagi kita yang memiliki posting halaman yang panjang di blog kita sendiri. Widget Back To Top ini letaknya pada posisi kanan paling bawah, silahkan sobat lihat contohnya di blog saya ini, lihat di bagian kanan bawah dan coba di klik saja.

 

Cara-cara untuk membuat Fitur Back To Top di Blogger :

1. pertama-tama dari dasbor,kemudian Masuk ke rancangan

2.  Pilih edit HTML.

3. Cari kode tag </body> (untuk mempermudah mencarinya, silahkan klik Ctrl+F kemudian masukkan kode tersebut dikotak)

4.  Masukkan kode berikut ini di atas kode </body> tersebut:

<a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title=' Back to Top '><img onclick='MGJS.goTop();return false;' src='http://i1152.photobucket.com/albums/p493/herningsih/arrow4-blue-32.png'/></a>

5. klik Save/simpan Template dan lihat hasilnya.

Catatan; untuk tulisan yang berwarna orange, bisa sobat ganti dengan tulisan ‘kembali keatas’ atau terserah sobat mau di ganti tulis apa !?! . untuk tulisan warna merah, sobat ganti juga dengan url gambar yang sesuai selera sobat, silahkan pilih gambar yang telah saya persiapkan dibawah ini, silahkan copy kode url nya dan ganti url gambar diatas.

ukuran 32x32 pixel

http://2.bp.blogspot.com/-3oSkRYhPSVs/UA0Edqli7MI/AAAAAAAABps/2g4P3895m-0/s1600/arrow4-blue-32.png

 

ukuran 32x32 pixel

http://4.bp.blogspot.com/-KFcOSNH4Kvg/UA0Fb_oDkII/AAAAAAAABp0/RzuSCFUEBjI/s1600/arrow4-red-32.png

 

ukuran 64x64 pixel

http://2.bp.blogspot.com/-zAN-N-GzziA/UA0GDTzCt3I/AAAAAAAABp8/GzV_bfI0KQA/s1600/arrow4-blue-64.png

 

ukuran 64x64 pixel

http://2.bp.blogspot.com/-CStHpOAZ-sU/UA0GndOdvHI/AAAAAAAABqE/LXpEQtcb0U0/s1600/arrow4-red-64.png

OK SOB.....Sekian posting saya mengenai Cara Membuat Tombol Back To Top di Blogger.

Semoga bermanfaat.....!!

» JANGAN LUPA LIKE N Komentarnya Yeach...

= Baca Juga Sob =