Bagaimana cara membuat tombol "Scroll To TOP" Dengan mudah...scroll to top memudahkan pembaca blog kita untuk kembali ke awal postingan suatu blog dengan sekali klik tanpa harus scroll pake mouse,bagaimana cara membuatnya?? ikuti langkah-langkahnya dibawah ini :
1. Login ke Blogger >Dashboard
2. Edit template> edit html
3.tekan ctrl+f untuk memudahkan pencarian
4.cari kode ]]></b:skin>
5. Copy dan pastekan kode dibawah ini setelah ]]></b:skin>
/* to top */
#toTop { width:100px;background:#F4FFBF;border:1px solid #ccc;text-align:center;padding:5px;position:fixed;bottom:10px;right:10px;cursor:pointer;color:#666;text-decoration:none; }
6.Sekarang tambhahkan lagi kode dibawah ini setelah tag </body>
<A HREF="#" ID="TOTOP">^ SCROLL TO TOP</A>
<SCRIPT SRC='HTTP://AJAX.GOOGLEAPIS.COM/AJAX/LIBS/JQUERY/1.3.2/JQUERY.MIN.JS' TYPE='TEXT/JAVASCRIPT'></SCRIPT>
<SCRIPT TYPE='TEXT/JAVASCRIPT'>
/*-----------------------
* JQUERY PLUGIN: SCROLL TO TOP
* BY CRAIG WILSON, PH.CREATIVE (HTTP://WWW.PH-CREATIVE.COM)
* BRING TO YOU BY ZEN FROM HTTP://ZENPLATE.BLOGSPOT.COM
* COPYRIGHT (C) 2009 PH.CREATIVE LTD.
* DESCRIPTION: ADDS AN UNOBTRUSIVE "SCROLL TO TOP" LINK TO YOUR PAGE WITH SMOOTH SCROLLING.
* FOR USAGE INSTRUCTIONS AND VERSION UPDATES TO GO HTTP://BLOG.PH-CREATIVE.COM/POST/JQUERY-PLUGIN-SCROLL-TO-TOP.ASPX
* DO NOT DELETE THESE INFOMATION
* VERSION: 1.0, 12/03/2009
-----------------------*/
$(FUNCTION(){$.FN.SCROLLTOTOP=FUNCTION(){$(THIS).HIDE().REMOVEATTR("HREF");IF($(WINDOW).SCROLLTOP()!="0"){$(THIS).FADEIN("SLOW")}VAR SCROLLDIV=$(THIS);$(WINDOW).SCROLL(FUNCTION(){IF($(WINDOW).SCROLLTOP()=="0"){$(SCROLLDIV).FADEOUT("SLOW")}ELSE{$(SCROLLDIV).FADEIN("SLOW")}});$(THIS).CLICK(FUNCTION(){$("HTML, BODY").ANIMATE({SCROLLTOP:0},"SLOW")})}});
$(FUNCTION() {
$("#TOTOP").SCROLLTOTOP();
});
</SCRIPT>
8 .Simpan template> selesai
semoga bermanfaat,sampai jumpa di tuttorial berikutnya !
ADS HERE !!!
