mobile casino

Home » , , , , » Cara Membuat Tombol Back To TOP di Blogspot

Cara Membuat Tombol Back To TOP di Blogspot

Written By ferry Oktalia on Tuesday, June 11, 2013 | 21:23

Cara Membuat Tombol Back To Top di Blogspot - Tombol back to top di blogspot dimaksudkan untuk mempermudah pembaca blog untuk kembali ke halaman paling atas blog anda, bayangkan bilamana tidak ada tombil back to top, Anda akan meng scrool-up mouse Anda hingga berada pada halaman atas blog, atau klik dan drag scroll bar sambil untuk menuju ke halaman paling atas.

Namun dengan bantuan tombil Back To Top ini Anda hanya perlu meng Klik 1 tombol untuk bisa kembali ke halaman paling atas blog Anda.

Fitur back to top yang kita bahas sekarang ini adalah fitur tombol back to top menggunakan jQuery. Efek jQuery ini sedikit lebih lembut dan smooth daripada efek javascript lainnya.

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 berikut.

Cara Membuat/Memasang Tombol Back To Top Dengan jQuery di Blogger
  • Silahkan login di Blogger
  • Pilih Template > Edit HTML > klik Expand Widget TemplateCari 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
selamat mencoba
Share this article :

0 comments :

Post a Comment

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. Today's News - All Rights Reserved
Template Modify by Creating Website