Back to top atau kembali keatas kinerja tombol satu ini berfungsi
memudahkan pembaca blog dapat kembali ke atas halaman dari posting saya
yang sebelumnya cara membuat tombol back to top di blog
yaitu tombol back to top yang lebih lengkap posting saya ini agak
berbeda dengan posting membuat tombol back to top yang sebelumnya.
Langsung saja ikuti langkah-langkah membuatnya sebagai berikut
* Silakan login ke blogger
* Kemudian masuk ke Rancangan
* Pilih Edit HTML
* Masukkan kode jquery dibawah ini sebelum atau diatas kode </head>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/> <!-- jika di template anda sudah terdapat script jQuery 1.3.2, maka anda tidak perlu lagi menambahkan kode ini --><script type='text/javascript'>$(function(){$('a[href*=#top]').click(function() {if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'')&& location.hostname == this.hostname) {var $target = $(this.hash);$target = $target.length && $target || $('[name=' + this.hash.slice(1) +']');if ($target.length) {var targetOffset = $target.offset().top;$('html,body').animate({scrollTop: targetOffset}, 1000);return false;}}});});</script>
* Kemudian ganti kode <body> atau kode <body expr:class='"loading" + data:blog.mobileClass'> dengan kode <body id='top'>
* Terakhir letakkan kode di bawah ini sebelum atau diatas kode </body>
<div id='gotop'><a href='#top' title='Go to Top'><img src='http://www.hscripts.com/freeimages/icons/web-basic-icons/back-top/back-top5.gif' style='right:20px;bottom:20px;position:fixed'/></a></div>
Selamat Mencoba...
