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.
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
Semoga
bermanfaat.....!!
» JANGAN LUPA LIKE N
Komentarnya Yeach...
Sudah lama ane cari tutor ini. Eh ternyata ada disini. Thank atas tips nya sob
BalasHapusOke sob, sama-sama..
Hapusterimakasih juga atas kunjungannya