Cara membuat/memasang tombol back to top/go top di blogger, tombol back
to top adalah sebuah tombol yang berfungsi untuk membuat/mempercepat
scrolling dari bawah keatas di sebuah web page ataupun blog page
sehingga akan mempermudah reader ataupun visitor untuk kembali´pada
bagian atas dari blog/website dengan cepat ketika berada dibagian bawah
halaman dengan hanya sekali klik pada tombol back to top tersebut.
Sebagai contoh sobat bisa melihat pada bagian kanan bawah dari blog saya
ini
Fitur back to top yang kita buat/bahas sekarang ini adalah fitur tombol back to top menggunakan jQuery. Efek jQuery ini sedikit lebih lembut dan smooth daripada efek javascript lainnya seperti pada animasi bintang jatuh dari kursor yang menggunakan javascript biasa. Kelebihan nya juga adalah efek back to top ini sangat ringan ketika di loading dan sangat cocok digunakan didalam blog tentunya bagi yang suka me-modifikasi blog-nya dengan sesuatu yang unik, indah dan bermanfaat. Untuk membuat nya silahkan ikuti tips & tricks blogger berikut.
Fitur back to top yang kita buat/bahas sekarang ini adalah fitur tombol back to top menggunakan jQuery. Efek jQuery ini sedikit lebih lembut dan smooth daripada efek javascript lainnya seperti pada animasi bintang jatuh dari kursor yang menggunakan javascript biasa. Kelebihan nya juga adalah efek back to top ini sangat ringan ketika di loading dan sangat cocok digunakan didalam blog tentunya bagi yang suka me-modifikasi blog-nya dengan sesuatu yang unik, indah dan bermanfaat. Untuk membuat nya silahkan ikuti tips & tricks blogger berikut.
Cara Membuat/Memasang Tombol Back To Top Dengan jQuery di Blogger
- Silahkan login di Blogger
- Pilih Template > Edit HTML > klik Expand Widget Template
- Cari kode </body> (gunakan CTRL+F)
- opy kode dibawah ini dan Paste tepat diatas kode </body> (jika kode dibawah sudah ada di template sobat, kode dibawah tidak usah dipasang lagi)
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
- Kemudian Copy lagi kode dibawah ini dan kemudian Paste tepat dibawah kode diatas
<script src='http://bloggerpeer.googlecode.com/files/backtotop.js' type='text/javascript'/>
<!-- Back to top designed by daudpinter.blogspot.com - daudpinter.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/AVvXsEh60xiI3A_kl7XQUpppZi7zCAvz66U9u9-hhz4hPifaiQaeCYOVXYHjQ2qbIr6ytH-K1EZK4ZaWUWi03VPijxEk0giSNKyrpEsapmaPz6hA_dOIrDudZ1wHt0xcDAGoiZG3SSxE-XWdnhU/s1600/back-to-top.gif'/></a>
- Terakhir simpan template sobat dan tombol back to top sudah bisa dipakai
Catatan : Terima Kasih Sudah Berkunjung. Silahkan Komentar......
Ditulis Oleh : Adinda Dara ~ Daudpinter™.blogspot.com ~
Sobat sedang membaca artikel tentang Cara Buat Tombol Back To Top di Blogger TERBARU 2013. Sobat diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya. Saling menghargai kreatifitas sobat Blogger.
Tidak ada komentar:
Posting Komentar