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 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 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 Design > Edit HTML > klik Expand Widget Template
- Cari kode </body> (gunakan CTRL+F)
- Copy 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 Blogger Peer - bloggerpeer.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/AVvXsEjnpHdvB0-SAFBgDbrgSBndXS7lTi18gO8ALtPzITEmtZ3SCZZpCSFAyQP25GHC4lAo1Xb89ATLR47H1clDAO6ZiRCj6CZSrOUewLJQBghE_SpzXDWHTjSfhPjDgu-1HoLjJL1_ISMoRiE/s1600/back-to-top.gif'/></a>
- Terakhir simpan template sobat dan tombol back to top sudah bisa dipakai
Cara Buat Tombol Back To Top di Blogspot
9 Out Of 10 Based On 10 Ratings. 9 User Reviews.
Anda baru saja membaca artikel yang berkategori Panduan Blog
dengan judul Cara Buat Tombol Back To Top di Blogspot. Anda bisa bookmark halaman ini dengan URL http://arioutsider69.blogspot.com/2012/08/cara-buat-tombol-back-to-top-di-blogspot.html. Terima kasih!
Ditulis oleh:
AriOutsider96 - Kamis, 23 Agustus 2012
Belum ada komentar untuk "Cara Buat Tombol Back To Top di Blogspot"
Posting Komentar
Tolong memberi komentar yang tidak melanggar norma-norma. Kami berhak menghapus komentar yang kasar, mengejek, bersifat menyerang, dan tidak berhubungan dengan artikel di atas. Oleh sebab itu, kiranya dapat menggunakan bahasa yang jelas!
Pedoman wajib untuk memasukkan komentar:
1. Tidak boleh memakai lebih dari satu kolom komentar.
2. Pertanyaan/masukan harus berhubungan dengan uraian diatas.
3. Sebaiknya satu atau dua pertanyaan dalam satu kolom komentar.
4. Hanya menggunakan bahasa Indonesia yang umum dan dimengerti semua orang.
5. Tidak diperbolehkan menggunakan huruf besar untuk menekankan sesuatu.
6. Tidak diijinkan mencantumkan hyperlink dari situs lain.
Bila Anda punya nama atau blog gunakan komentar sebagai "Name/ URL".
Sebelumnya Saya minta maaf yg sebsr2Nya jka komentar anda blm sempat dibls. ^^