Cara Buat Tombol Back To Top/Kembali Ke Atas di Blogspot

Posted by LX DIGITAL 0 komentar
Cara Buat Tombol Back To Top di Blogspot
Halo agan semua :D , maaf ya Admin jarang posting karena kesibukan di Dunia Nyata :D . Kali ini Admin mau share Cara Buat Tombol Back To Top/Kembali Ke Atas di Blogspot . Mungkin agan sering liat kan di Blog orang ada tombol Back To Top di pojok Kanan/Kiri Bawah blog itu , nah kali ini Admin mau share script untuk buat Tombol Back To Top .

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 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 :
  • 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'/>
  • Lalu Copy lagi trus dipastekan 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/AVvXsEj_bu7c6JpMSMJveuLOeOoaW-eT5Oe6K2MmV92feWtls86SzCnom9tPNBy_L6eS08pfWaVQEqaLW5yyTa2beFpTPJsvgEWqHaXBzoD8-eu8F6U07h3pgvdEyQi6pHrJkGor5qVV0lS9ptA/s1600/back-to-top.gif'/></a>
  • Yang ini pasti agan semua dah tau , Jelas lah Simpan perubahan tadi :D
Setelah itu coba agan liat blog agan lagi , apa sudah ada Tombol Back To Topnya atao belum
Masih Bingung ? Tanya dong ! heheh , jangan ragu buat tanya di Kolom Komentar
Cukup sekian saja postingan Admin hari ini, Jangan lupa share ke yang lain
karna Sharing Is Caring - See more at: http://www.laksitoadi.com/2013/08/cara-memasang-widget-htmljavascript.html#sthash.1u4nYIs5.dpuf
Sekian Postingan Admin hari ini , Tetap Semangat dan Salam Olahraga , eh salam maksudnya Salam Sejahtera :) - See more at: http://www.laksitoadi.com/2013/12/cara-buat-tombol-back-to-topkembali-ke.html#sthash.WNCpbBZd.dpuf
Sekian Postingan Admin hari ini , Tetap Semangat dan Salam Olahraga, eh salam maksudnya Salam Sejahtera :)
Cukup sekian saja postingan Admin hari ini, Jangan lupa share ke yang lain
karna Sharing Is Caring - See more at: http://www.laksitoadi.com/2013/08/cara-memasang-widget-htmljavascript.html#sthash.1u4nYIs5.dpuf
Sekian Postingan Admin hari ini , Tetap Semangat dan Salam Olahraga , eh salam maksudnya Salam Sejahtera :) - See more at: http://www.laksitoadi.com/2013/12/cara-buat-tombol-back-to-topkembali-ke.html#sthash.WNCpbBZd.dpuf
Cukup sekian saja postingan Admin hari ini, Jangan lupa share ke yang lain
karna Sharing Is Caring - See more at: http://www.laksitoadi.com/2013/08/cara-memasang-widget-htmljavascript.html#sthash.1u4nYIs5.dpuf
Cukup sekian saja postingan Admin hari ini, Jangan lupa share ke yang lain
karna Sharing Is Caring - See more at: http://www.laksitoadi.com/2013/08/cara-memasang-widget-htmljavascript.html#sthash.1u4nYIs5.dpuf
Cukup sekian saja postingan Admin hari ini, Jangan lupa share ke yang lain
karna Sharing Is Caring - See more at: http://www.laksitoadi.com/2013/08/cara-memasang-widget-htmljavascript.html#sthash.1u4nYIs5.dpufSekian Postingan Admin hari ini , Tetap Semangat dan Salam Olahraga , eh salam maksudnya Salam Sejahtera :)

Baca Selengkapnya ....

Visitor

Buat Email | Copyright of Laksito Adi.

Bagaimana Keadaan Blog Ini ?