Posted by : Unknown
Jumat, 25 Januari 2013
Cara Membuat Tombol Back To Top-Ketika
sobat membaca artikel di blog,sobat pasti menggunakan scroll untuk
kembali keatas,hal ini akan membuat sobat atau pun reader harus selalu
menggeser scroll keatas dan kebawah.Kalau artikelnya pendek si tidak
masalah,Tapi kalau artikelnya berpuluh-puluh halaman(hehehe),tentunya
akan membuat sobat/visitor capek melakukan scrolling.Untuk mengatasi hal
itu,saya akan membagikan trik kepada sobat dengan cara membuat tombol back to top.Tombol
back to top berfungsi untuk melakukan scrolling secara otomatis keatas
ketika diklik.Ikuti langkah dibawah ini dengan benar ya sob.
- Login ke akun blogger sobat
- Pilih Template>>Edit HTML>>Lanjutkan.Jangan lupa centang Expand Template Widget
- Copas kode dibawah ini tepat diatas kode </body>(tekan Ctrl+F untuk mencari kode </body>)
<script src='http://misbahudin.googlecode.com/files/BackToTop.js' type='text/javascript'/>
<!-- BACK TO TOP -->
<a href='#' style='display:scroll;position:fixed;bottom:5px;right:15px;' title='Back to Top'><img onclick='MGJS.goTop();return false;' src='http://i1086.photobucket.com/albums/j454/sudirman10/navigate-up-ictgroncopy.png'/></a>
<!-- BACK TO TOP -->
<a href='#' style='display:scroll;position:fixed;bottom:5px;right:15px;' title='Back to Top'><img onclick='MGJS.goTop();return false;' src='http://i1086.photobucket.com/albums/j454/sudirman10/navigate-up-ictgroncopy.png'/></a>
Keterangan : Untuk yang berwarna biru silakan ganti dengan URL gambar sobat atau sobat bisa memilih gambar dibawah ini.
URL gambar paling kiri
http://i1086.photobucket.com/albums/j454/sudirman10/navigate-up-ictgroncopy.png
URL gambar bagian tengah
http://i1086.photobucket.com/albums/j454/sudirman10/navigate-up-iconcopy-1.png
URL gambar paling kanan
http://i1086.photobucket.com/albums/j454/sudirman10/navigate-up-icthoncopy.png
Bila blog sobat sudah terlalu banyak kode Javascript silakan dihapus
saja kode Javascriptnya,karena yang saya ketahui jika blog terlalu
banyak kode javascript akan memberatkan loading blog dan google juga
tidak terlalu menyukai kode Javascript.Uppssh....Belum selesai sob,
4.klik>>Pratinjau dulu,kalau ga ada masalah silakan di"Save".
Semoga artikel diatas dapat membantu sobat dan semoga berhasil.Jangan lupa untuk meninggalkan jejak di kolom komentar. :D