0
Tombol Back To Top adalah sebuah tombol yang berfungsi untuk memudahkan pengunjung kembali ke atas artikel secara otomatis. Tombol ini bisa di bilang penting karena jika sobat mempunyai artikel yang panjang dan pengunjung ingin kembali keatas artikel harus menscroll keatas. Jika ada tombol ini maka pengunjung akan cukup terbantu.

Saya akan memberikan tutorial lengkap cara memasangnya di blog, menurut saya caranya sangat mudahh sekali bagi pemula atau newbie yang seperti saya ini hehehe. Langsung saja simak langkah langkahnya dibawah ini :



Berikut Tutorial Cara Memasang Tombol Back To Top:

1. Login ke blogger.com
2. Pilih Template >> Edit template
3. Kemudian cari kode </head> (gunakan CTRL+F untuk mempermudah pencarian)
4. Letakkan 2 kode di bawah ini, diatas kode </head>

<script type="text/javascript" src="https://googledrive.com/host/0B1xeWeMyQXhgZ2FCT3VCYVRpZWc/"></script> 

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>

5. Kemudian Cari kode </body>
6. Letakkan kode di bawah ini tepat di atas kode </body>
<a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back to Top'><img onclick='MGJS.goTop();return false;' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvj3EzhcJA7SAy683igMf85CR8iZxe-7aeJAa50amdgxDSWlb3Npmip7KRODRuEjxqezPpFfb_Rz-9MVHNDsCIf5doNz-WRv5rbil5SIqwpIfet3NWTsLgFoGrpQgWbKFEGzGEW4CSoUg/s1600/back-to-top.gif'/></a>

7. Setelah selesai simpan template

Keterangan:

  • Yang saya beri warna biru adalah URL dari gambar Back To Top, jika ingin menggantinya saya sediakan sedikit gambar, jika sobat merasa kurang cocok dengan gambar dibawah bisa sobat cari sendiri di Google.
   
 

   

          
  • Klik kanan pada gambar lalu salin URL gambar, dan hapus kode berwarna biru terus pastekan

Posting Komentar

 
Top