Cara Membuat Tombol Back To Top di Blogspot

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
Cara Buat Tombol Back To Top di BlogspotFitur 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)
  • 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='http://1.bp.blogspot.com/-FjrYiE6C8ZY/TqJMQWu2osI/AAAAAAAAADI/GFdFWFPlO6o/s1600/back-to-top.gif'/></a>
Terakhir simpan template sobat dan tombol back to top sudah bisa dipakai

Orig : http://bloggerpeer.blogspot.com/2011/11/cara-buat-tombol-back-to-top-blog.html
Share this article :

 
Reactions:  

18 comments :

  1. well this new work, copy and paste Om rata2 on how to make a Return to Laptops.
    Thanks Om. Greetings Know It http://www.beautywater.id/

    ReplyDelete
  2. Keren sob,,, jangan lupa mampir ke toko online kami di :

    http://divapasutri.blogspot.com

    .
    ..
    ...

    Produk Khusus Dewasa, Maaf Kalau dibawah umur +18 Di Larangan Untuk Membuka Toko Online Kami Di : http://divapasutri.blogspot.com

    http://divapasutri.blogspot.com/2014/11/alat-bantu-sex-wanita-penis-tekuk-manual.html
    http://divapasutri.blogspot.com/search/label/Alat%20Bantu%20Seks%20Pria
    http://divapasutri.blogspot.com/2014/11/cream-pembesar-payudara-herbal-alami.html
    http://divapasutri.blogspot.com/2014/11/obat-perangsang-wanita-horny-sex-drop.html
    http://divapasutri.blogspot.com/2014/11/obat-vimax-canada-obat-pembesar-penis.html
    http://divapasutri.blogspot.com/2014/11/obat-oles-perangsang-wanita-sexual.html
    http://divapasutri.blogspot.com/2014/11/dildo-penis-mutiara-getar-goyang.html

    ReplyDelete
  3. mantap dah artikelnya
    http://acemaxs31.com/obat-herbal-gagal-jantung/

    ReplyDelete
  4. Makasih gan informasinya :)
    Ijin share http://pengobatanalamimustajab.com/pengobatan-herbal-gula-darah/

    ReplyDelete
  5. keren artikelnya gan
    http://apotekacemaxs.com/pengobatan-tradisional-batu-ginjal/

    ReplyDelete
  6. mantab artikelnya sob
    http://ramuantradisionalkita.com/

    ReplyDelete
  7. terimakasih atas infonya gan
    http://apotekacemaxs.com/

    ReplyDelete
  8. Thanks gan infonya !
    http://kedaiacemaxs.com/obat-tradisional-untuk-radang-usus-besar/

    ReplyDelete
  9. wah keren artikelnya gan
    http://apotekacemaxs.com/obat-tradisional-ginjal-bocor/

    ReplyDelete
  10. tkanks buat tutorialnya.. sangat membantu
    kunbal ya di ttsunaryo.blogspot.com

    ReplyDelete
  11. Terimakasih banyak mas, sangat membantu sekali artiklnya... keep posting mas..

    http://landongobatherbal.com/obat-herbal-kanker-serviks/

    ReplyDelete
  12. salam kenal, sukses terus gan
    http://ramuantradisionalkita.com/pengobatan-tradisional-stroke/

    ReplyDelete
  13. Thanks sob informasinya :)
    http://goo.gl/yAD923

    ReplyDelete
  14. makasih gan ats infonya... sukses gan.
    http://sdn49kapur.blogspot.co.id/

    ReplyDelete
  15. Terimakasih banyak caranya bos...langsung saya aplikasikan di blog saya... and sukses http://maribelajarmeraihsukses.blogspot.co.id/

    ReplyDelete
  16. ikutan promo ah kunjungi www.galayganteng.blogspot.com blog nya pebisnis

    ReplyDelete
  17. ikutan promo kunjungi gan http://galayganteng.blogspot.com blog nya pebisnis

    ReplyDelete

1. Berkomentarlah dengan sopan.
2. Silahkan membuka Lapak tetapi tidak dengan menyertakakn Link Hidup, jika di temukan link HIDUP maka otomatis akan terhapus.
3. Komentar yang berbau sara / pornografi akan saya hapus.
4. Mari budayakan Komentar dengan menggunakan Bahasa Ibu.

 
Support : GooglePing | Ping-o-Matic | Alexa
Copyright © 2013. Gagaje.blogspot.com - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger