Lompat ke konten Lompat ke sidebar Lompat ke footer
Beranda / Blogger / Desain / Javascript / Tips dan Trik

Cara Buat Tombol Back To Top Di Blog

Posting Komentar

Cara membuat/memasang tombol back to top/go top di blog tombol back to top ialah 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 bab atas dari blog/website dengan cepat dikala berada dibagian bawah halaman dengan hanya sekali klik pada tombol back to top tersebut. Sebagai pola sahabat dapat melihat pada bab kanan bawah dari blog aku ini


Fitur back to top yang kita buat/bahas kini ini ialah fitur tombol back to top memakai jQuery. Efek jQuery ini sedikit lebih lembut dan smooth daripada pengaruh javascript lainnya menyerupai pada animasi bintang jatuh dari kursor yang memakai javascript biasa. Kelebihan nya juga ialah pengaruh back to top ini sangat ringan dikala di loading dan sangat cocok digunakan didalam blog tentunya bagi yang suka me-modifikasi blog-nya dengan sesuatu yang unik, indah dan bermanfaat. Untuk menciptakan 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 instruksi </body>  (gunakan CTRL+F)
  • Copy instruksi dibawah ini dan Paste sempurna diatas instruksi </body>  (jika instruksi dibawah sudah ada di template sobat, instruksi 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 instruksi dibawah ini dan lalu Paste sempurna dibawah instruksi 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='http://1.bp.blogspot.com/-FjrYiE6C8ZY/TqJMQWu2osI/AAAAAAAAADI/GFdFWFPlO6o/s1600/back-to-top.gif'/></a>

  • Terakhir simpan template sahabat dan tombol back to top sudah dapat dipakai

Posting Komentar untuk "Cara Buat Tombol Back To Top Di Blog"