Hallo sobat, kali ini saya akan share cara membuat tombol back to top di blog. pernah kah sobat membaca suatu artikel yang panjang, lalu sobat mau kembali ke bagian atas blog/website itu? apa sobat gak capek? hehehe.. daripada capek, disinilah fungsi tombol back to top, sobat tinggal klik tombol itu dan otomatis akan kembali ke bagian atas blog/website tersebut.
Tombol back to top yang kita buat kali ini adalah tombol back to top dengan JQuery. Efek Jquery ini akan lebih lembut daripada javascript biasa sobat! dan juga efek JQuery ini ringan, jadi sangat berguna bagi sobat semua yang suka memodifikasi blog sobat.. Untuk membuatnya ikuti langkah berikut
MEMBUAT/MEMASANG TOMBOL BACK TO TOP DI BLOG
- Ucapkan bismillah. hehehe :D
- Login ke blogger
- Pilih template (sebelum mengedit, alangkah baiknya untuk memback-up template sobat)
- Pilih edit HTML
- Untuk memudahkan, gunakan CTRL + F
- Cari kode </body>
- Copy kode dibawah ini tepat diatas kode </body> (jika kode tersebut sudah ada maka tidak usah dipasang)
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
- Lalu copy kode dibawah ini dan paste di bawah kode tadi
<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/AVvXsEjW67FzDASj5mjyBtFy30OJU0KNJrcWcWdqSp8aFgj9wI0RVmJP8Kl0lMea8IhES9N2Equn7Qtu0-IM_EZmAN27AwG1Ai9AtISp6bDEkSU4sxSnpnXdIKKqZ6TsaqLEZ9JjV9JewquHf0E/s1600/back-to-top.gif'/></a>
- Terakhir simpan template sobat dan coba rasakan
Sekian postingan saya kali ini, semoga bermanfaat bagi sobat semua :)
Title : Cara Membuat Tombol Back To Top di Blog
Description : Hallo sobat, kali ini saya akan share cara membuat tombol back to top di blog. pernah kah sobat membaca suatu artikel yang panjang, lalu sob...