Dengan adanya tombol tersebut dapat memudahkan pengunjung kembali lagi ke atas halaman blog jika mereka berada di bagian terbawah, sehingga tidak menggunakan fungsi scroll lagi dengan meng-klik tombol tersebut.
Jika Anda ingin memasang tombol back to top pada blog, berikut simak langkah-langkahnya:
1. Login akun blogger Anda.
2. Pilih Template > Edit HTML > centang Expand Template Widget.
3. Kemudian cari kode </body> untuk mempercepat pencarian gunakan Ctrl + F.
4. Letakkan kode dibawah ini tepat diatas </body>
<script src='http://id-pemula-javascript.googlecode.com/files/backtotop.js' type='text/javascript'/>
<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/AVvXsEiesFnTaGXPI8ejIOSyu1EwTAx96rFKdRmzO6VPcHo3ftt8XNAJO8DO5SA4yE7b_0ST_hZBUwkuO9D2DwueaugO2FNIk-Ohcob2d50u-4878iPKmT5scVV3XKydRcICyvsRbkc7hpNd9vA/s1600/back-to-top.gif'/></a>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
5. Setelah selesai 'Simpan template'.<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/AVvXsEiesFnTaGXPI8ejIOSyu1EwTAx96rFKdRmzO6VPcHo3ftt8XNAJO8DO5SA4yE7b_0ST_hZBUwkuO9D2DwueaugO2FNIk-Ohcob2d50u-4878iPKmT5scVV3XKydRcICyvsRbkc7hpNd9vA/s1600/back-to-top.gif'/></a>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
Nah, sekarang pengunjung blog Anda sangat terbantu dengan adanya tombol back to top ini, semoga bermanfaat.

Post a Comment