Cara Membuat Tombol Back To Top

Selasa, 22 Januari 2013 | komentar (1)



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.
  1. Login ke akun blogger sobat
  2. Pilih Template>>Edit HTML>>Lanjutkan.Jangan lupa centang Expand Template Widget
  3. 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>
Keterangan : Untuk  yang berwarna biru silakan ganti dengan URL gambar sobat atau sobat bisa memilih gambar dibawah ini.
Photobucket Photobucket Photobucket 

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
Share this article :

+ komentar + 1 komentar

30 Desember 2013 18.03

makasih gan tutorialnya. :)
langsung ke tkp :D

Poskan Komentar

Kumpulan Tips Menarik Merupakan Blog DOFOLLOW Yang dapat memberikan BACKLINK Gratis Kepada Pengunjung Hanya denga Meninggalkan KOMENTAR. Silahkan Tinggalkan Jejak Anda (KOMENTAR) Terimakasih!!!

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. kumpulan tips menarik - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger