Footer 1

2012/06/13

Membuat Tombol Back to Top

Setelah saya tidak posting artikel. kali ini saya akan berbagi sedikit cara bagaimana membuat tombol back to top yang saya dapatkan dari ada-blog.com mengenai membuat Tombol Back To Top.


Fitur back to top yang dibuat sekarang ini adalah fitur tombol back to top menggunakan jQuery. Kelebihan yang diapat dari penggunaannya juga adalah efek ini sangat ringan ketika di loading dan sangat cocok digunakan didalam blog tentunya bagi yang suka modifikasi blog-nya dengan sesuatu yang unik, indah dan bermanfaat. 

Untuk membuat nya silahkan anda ikuti langkah berikut:
  • Loggin blog
  • Rancangan --> Edit HTML --> Expand Templated Widgets
  • Backup terlebih dahulu template anda
  • Cari kode </body>
  • Letakkan kode berikut ini sebelum kode </body>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
  • Setelah itu letakkan kode dibawah ini setelah kode diatas
<script src='http://bloggerpeer.googlecode.com/files/backtotop.js' type='text/javascript'/>
<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/AVvXsEik8Fla7TOs6jzo_9XxKZgEBdSTPkfYIp6_0HVErEsjr6VqSwV05cSbqpRtq27JzK2x3U5SXWxz6CYPRJdbFZWFUbjLczbT04qZQ00guQGoXMCd7XoUcT87RW2IiEj1M-WcIAtsQZNq5Mel/s1600/back_to_top.gif'/></a>
  • Simpan

0 comments: