Cara Mudah Membuat Tombol Back To Top Dengan jQuery di Blogger
 |
| Membuat Tombol Back To Top Dengan jQuery di Blogger |
Cara Mudah Membuat Tombol Back To Top Dengan jQuery di Blogger - Adakalanya sebuah post yang di buat seorang blogger sangatlah panjang sehingga seorang pencari informasi tidak leluasa untuk melihat kembali Informasi/HTML/CSS yang dicantumkan oleh admin blog di awal postingan , terkadang pasti ada perasaan malas untuk menggoyangkan tangan hanya untuk sekedar menggerakkan scroll pada mouse agar kembali keatas.Dalam artikel ini yang membahas mengenai Membuat Tombol Back To Top , dimana 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.
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 efek salju/bintang/daun bertaburan di blog 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.
Pertama login Blogger
Pilih Template > Edit HTML
Cari kode </body> (gunakan CTRL+F)
Kemudian Pastekan kode dibawah ini tepat diatas kode </body> tadi
<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/AVvXsEhkn17UsaTCeQGvO4xQoQO9NoJwnCHlDF8MJ9iJuzQ8Ac1le0g4a0em5aKD-m_MG9ZzbRQGHxjg8xvoY3i2663QHoxWP3RnPa-2rTC_Qk5JASzvNkA435m_-xrEkJUjy46-AArZQ8UvI9g/s1600/back-to-top.gif'/></a>
Lalu simpan template dan lihat hasilnya.
Note :Saya tidak bertanggung jawab atas kerusakan/crash karena terjadi kesalahan pribadi dalam penambahan widget yang anda lakukan.Sebelum mencoba kode HTML/CSS diatas ,ada baiknya anda mem-backup template anda terlebih dahulu untuk menghindari hal yang tidak di inginkan.
Nah itulah tadi mengenai Cara Mudah Membuat Tombol Back To Top Dengan jQuery di Blogger , semoga dapat bermanfaat bagi sobat-sobat semua , Jika artikel-artikel yang kami terbitkan membantu silahkan tinggalkan komentar ataupun +1 anda (seberapa penting +1 anda buat kami) pada artikel ini dan sobat juga dapat berlangganan artikel dengan siicunn.blogspot.com baik itu melalu RSS Feed ataupun melalu akun email anda untuk mendapatkan pemberitaan postingan lebih cepat dari yang lainnya melalui email anda.
Silahkan tinggalkan komentar anda dibawah ini.
BalasHapusKomentar yang bersifat spam akan langsung di hapus oleh admin blog.
Terima Kasih.