Inilah Cara Mudah Menciptakan Tombol Back To Top Pada Blog

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

Button Back to Top

Untuk memudahkan pembaca kembali melihat uraian awal iyaang letakniyaa di bab atas postingan, maka dirasa perlu menciptakan tombol untuk mempermudah melihatniyaa 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 menciptakan tombol back to top pada blog. Berikut tahapanniyaa.

1. Masuk blogger. Menuju ke HTML pada sajian template.
2. Copy isiyaarat di bawah ini, kemudian 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 isiyaarat di atas telah ada. Maka, pemasangan isiyaarat tersebut haniyaa untuk template iyaang belum ada kodeniyaa.

3. Lalu copy isiyaarat di bawah untuk kemudian diletakkan sempurna di bawah isiyaarat 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/AVvXsEhCO6KI9gSwAZ1QNABfsMsjoQfX1OiOa5J6youg6NSBNpobfT6-rFXzBOqiWOrxRNwavnzFi2dJmwWgUF2jwK2tyUdvo4DGZ121DaD05ySh9Nui5iVWWFejzT5w2kx8S30QhTOy-4XT3Tp-/h120/backtotop.gif'/></a>

Bila sahabat ingin menggunakan gambar sendiri, silakan ganti URL gambarniyaa. Caraniyaa simak Cara Mengetahui dan Membuat URL Gambar.

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

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

Tidak ada komentar:

Posting Komentar