Cara Membuat tombol back to top pada Web dan Blog

Back button atau disebut juga Back to top Button atau bahasa kerennya tombol kembali keatas adalah sebuah tombol yang akan menggiring pengunjung scroll kembali kehalaman atas setelah mereka membaca artikel terbawah pada halaman web.   
Tombol ini sangat useful sekali...widih...so english banget agar tampilan lebih ciamik bin cantik bin beautiful..bin..titan..Ditambah dengan tombol yang sangat cantik akan mempercantik lagi penampilan web atau blog anda.. Tombol ini memiliki efek yang sangat halus loch saat scrolling ke atas ( Tidak tiba-tiba muncul diatas ) tapi meluncur dengan smooth.
Okey kita langsung ke TKP bersama OVJ....86 Bos...
 
Buka widget HTML/JAVASCRIPT , di blank atau dikosongkan aja tidak perlu diberi nama, lalu masukan script berikut kedalamnya.. Lalu Save...

Catatan Ya...Buat yang templatenya sudah memiliki JQUERY versi berapapun tidak perlu menambah JQUERY yang saya sertakan ini...
Kenapa demikian?? Coz nantinya jquery akan double yang satu di template yang satu lagi yang baru anda tambahkan pada widget HTML/JAVASCRIPT.. Akan menjadikan keduanya konflik, dan salah satu fitur blog ataupun web anda akan menjadi tidak berfungsi dengan baik. 
Saya sertakan JQUERY jika template anda belum memilikinya. Lebih baik setelah anda menekan tombol dibawah ini dan meng copy nya...jangan campur susu yach.. letakan pada nampan...widih ngacoo...Notepad. Kemudian anda buang jauh-jauh script ini  
<script src='http://softekgoblogtutorial.googlecode.com/files/jQuery%20v1.7.1.js' type='text/javascript'></script>  
Jangan buang sampah sembarangan ya...jadi tinggal sisanya aja yang anda gunakan pada widget HTML/JAVASCRIPT ( Khusus yang telah memiliki JQUERY pada templatenya )

<!--Softekgoblogtutorial Scroll to top widget Start--> <script src='http://softekgoblogtutorial.googlecode.com/files/jQuery%20v1.7.1.js' type='text/javascript'></script> <script type='text/javascript'>$(function(){$(window).scroll(function(){if($(this).scrollTop()!=0){$("#noop-top").fadeIn()}else{$("#noop-top").fadeOut()}});$("#noop-top").click(function(){$("body,html").animate({scrollTop:0},800);return false})});</script> <a href="http://softekgoblogtutorial.blogspot.com"></a><a id='noop-top' style='display: none; position: fixed; bottom: 1px; right:1%; cursor:pointer;font:12px arial;'> <img src='http://softekgoblogtutorial.googlecode.com/files/ontop.png '/></a> <!--Softekgoblogtutorial Scroll to top widget end--> </div> </div> </div>

Okey..that's all..Semoga artikel ini bermanfaat buat anda semua..Semoga hari ini hari yang indah dan menyenangkan untuk anda..Have a nice day..harap periksa kembali barang bawaan anda...Seperti dompet...kunci...Hp...kondom...wuupsss... 
KONcian DOMpet maksudnya..untuk bayar parkir 
( Buat yang main diwarnet ).
Untuk yang kurang jelas dan kurang paham atau ada yang mau menambahkan kami persilahkan untuk meninggalkan uang atau hp kirim komentar aja yach untuk pertanyaan dan sarannya, saya siap membabu dengan senang hati..  
Kasih applause dulu dunk.. Semoga kita semua selalu diberi kesehatan dan keselamatan..Amiin..Ya Rabb..Wasslm..Wr..Wb

Posted in: WidgetBlog