Cara membuat "Back to Top" di blogger

Mula-mula gua jelasin dulu java script ini..
Java script ini berguna untuk memudahkan kita untuk kembali ke layar atas apabila layar telah kita buat kebawah.
contohnya, lo klik aja gambar Fadli-Network yang ada di sebelah Kanan Bawah itu, nah.. layar akan kembali ke atas..
Mungkin blog kita begitu banyak dipenuhi oleh postingan, sehingga blog kita itu memanjang sampai kebawah..
wah.. kalau sampai panjaaaaaaaaaaaaaaaaaaaang banget, mungkin kita susah untuk mengembalikan layar ke paling atas, apalagi kalau kita menggeser scrollbar sampai ke atas. ribet banget kan??
itu mah masih belum seberapa.. bagaimana pula yang mengunjungi blog kita itu menggunakan mouse yang gak ada scrollball-nya.. kasihan juga menggesernya ke atas..
nah.. gua punya tips untuk mengantisipasinya..
caranya mudah bangetz kok..

1. Mula-mula elo pergi ke Edit HTML
2. Trus lo centang 'expand template'
3. nah, setalah elo centang, sekarang lo Copy code berikut:
   
   <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js' type='text/javascript'/>
   <script type='text/javascript'>
   //<![CDATA[
   $(function(){
   $('a[href*=#]').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>
   <!-- end scrolltop -->
4. Setelah lo copy, sekarang lo paste kode tadi di ATAS kode </head> yang ada di CSS template blog elo.
5. setelah elo paste, sekarang lo copy kode berikut:
   
   <div id='goingtop'>
   <a href='#top' title='Top'><img
   src='http://i1002.photobucket.com/albums/af147/fadli-network/Fadli-networkBannerkecil.png' style='right:20px;
   bottom:20px; position: fixed;'/></a></div>
6. Lo ganti kode yang berwarna HIJAU itu dengan alamat gambar yang elo mau.
7. setelah lo copy dan lo ubah kode HIJAU tadi,  sekarang lo paste kode itu di ATAS kode </body> yang ada di CSS template blog elo.
8. setelah ko paste kode itu, sekarang SIMPAN dech..
9. Selesai..

Bagi yang kurang ngerti bisa berikan komentar..
Trimakasih...


CREATED BY: FADLI™ TERIMA KASIH TELAH BERKUNJUNG KE BLOG SAYA INI.. TERIMA KASIH JUGA UNTUK KOMENTAR DAN SARANNYA.. ^_^