Skip to content Skip to sidebar Skip to footer

Cara Membuat Tombol Back to Top pada Blog

Cara Membuat Tombol Back to Top pada Blog Cara Membuat Tombol Back to Top pada Blog
Luas area bidang baca blog terbatas. Bahkan dengan menggunakan template apapun, area bidang baca masih belum mampu mencakup keseluruhan isi blog. Kecuali ada modifikasi tertentu pada blog, misal konten yang sedikit dan homepage berupa info deskripsi blog saja.

Button Back to Top

Untuk memudahkan pembaca kembali melihat uraian awal yang letaknya di bab atas postingan, maka dirasa perlu membuat tombol untuk mempermudah melihatnya tanpa harus menggeser kursor mouse pada komputer. Tombol ini biasa diistilahkan dengan button back to top.

Cara Membuat Tombol Back to Top pada Blog

Tutorial kali ini akan menguraikan bagaimana membuat tombol back to top pada blog. Berikut tahapannya.

1. Masuk blogger. Menuju ke HTML pada menu template.
2. Copy isyarat di bawah ini, lalu pastekan di atas kode </body>.

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

Bagi sebagian template, kadang isyarat di atas telah ada. Maka, pemasangan isyarat tersebut hanya untuk template yang belum ada kodenya.
3. Lalu copy isyarat di bawah untuk kemudian diletakkan sempurna di bawah isyarat poin 2.

<script src='https://googledrive.com/host/0B7X69YyzZu-IZjFKQ19VVi10RlE/backtotop.js' type='text/javascript'/> 
<!-- Back to top designed by - www.bloging-gampang.blogspot.com --> 
<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/AVvXsEiOTD2HdeeqNUSsuy-C0hyp339-EV-V6StBk_audvxObdMs1ypVb56Jv_aLEaNxFDGAieZxJuUC3gknNMGfeHRy8RLTg8nELBdFwJGzo_GLDwVip4lr0Z-WDCHgF4_oP-upMhViqAJwkQng/h120/backtotop.gif'/></a>

Bila sobat ingin memakai gambar sendiri, silakan ganti URL gambarnya. Caranya simak Cara Mengetahui dan Membuat URL Gambar.

4. Klik preview untuk hasil sementara. Akhiri dengan Save template bila sudah mantap dengan hasilnya.

Demikian tutorial membuat tombol back to top pada blog. Semoga bermanfaat dan selamat mencoba.

Post a Comment for "Cara Membuat Tombol Back to Top pada Blog"