Cara Membuat Tombol Back To Top di Blogger

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 =


Ditulis Oleh : Unknown ~ Ilmu Nyentrik

Artikel Cara Membuat Tombol Back To Top di Blogger ini diposting oleh Unknown. Terimakasih atas kunjungan Anda serta kesediaan Anda membaca artikel ini. Sobat diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link aktif artikel ini sebagai sumbernya. Kritik dan saran dapat anda sampaikan melalui kotak komentar.

::..Get Free Daily Email Updates..::

2 komentar:

  1. Sudah lama ane cari tutor ini. Eh ternyata ada disini. Thank atas tips nya sob

    BalasHapus
    Balasan
    1. Oke sob, sama-sama..
      terimakasih juga atas kunjungannya

      Hapus

 

Ilmu Nyentrik. Copyright 2012 All Rights Reserved :. Milik Anak Bangsa Yang Selalu Berinovasi .: and Blogger Template by Blogger dot com