Sabtu, 15 September 2012

Cara Mudah Buat Tombol Back To Top di Blogspot

langkah membuat/memasang tombol back to top/go top di blogger, tombol back to top yaitu sesuatu tombol yang berperan buat membuat/mempercepat scrolling dari bawah keatas di sesuatu web page maupun situs (blog) page hingga akan mempermudah reader maupun pengunjung untuk kembali´pada bagian atas dari blog/website dengan cepat saat ada di bagian bawah halaman dengan cuma sekali klik pada tombol back to top tersebut.
Cara Buat Tombol Back To Top di BlogspotFitur back to top yang kita buat/bahas saat ini ini yaitu fitur tombol back to top memakai jquery. dampak jquery ini sedikit lebih lembut serta smooth dari pada dampak javascript yang lain layaknya pada animasi bintang jatuh dari kursor yang memakai javascript biasa. kelebihan nya juga yaitu dampak back to top ini amat mudah saat di loading serta amat sesuai dipakai di dalam situs (blog) pastinya untuk yang senang me-modifikasi blog-nya dengan suatu hal yang unik, indah serta berguna. buat membuat nya silakan 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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiO5d8P_zWMwrbZf8eitTXMWbqxTdS5X4hPs2gRb8pvKnnhAnHk5Fewhy4p-aQKRw0e8wbas2VZWg5StjFSSK-wgaPFekipWDK2BjPalhFWlscq49Sd7xp4qGTZwDrvnPVhESBrQTr2eCs/s1600/back-to-top.gif'/></a>
  • Terakhir simpan template sobat dan tombol back to top sudah bisa dipakai

Tidak ada komentar:

Posting Komentar