Kampot durian Scrolling To Top up for bloger

Using jquery plugins on website or blog are important part of designing and making blogs more attractive. In blogger their thousand of widget developed with the usage of jquery. For different automatic effect which attract your eyes are almost based on jquery. Their are many images zoom effects, drop down menus other on mouse hover effects are done with help of jquery. In all these one of the famous used jquery widget is back to top. Even you can make Back To widget just by using internal page # anchor linking which will scroll back to top of the page even you are using this in below pages menu. But this widget scroll back too much fast but jquery plugin works in different it convert this scrolling into slow process which make it attractive. Smooth scrolling take few secs to scroll towards upward.

• Open Your Blogger Blog and Then open Layout of your blog.
• Then click on Add a Gadget.
• New Window will appear and find the option of Edit HTML/JavaScript and open it

• Now Empty box will appear and paste below given codes in it.

<!--Komar Tep to top widget Start--><br /><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script><script type="text/javascript">$(function(){$(window).scroll(function(){if($(this).scrollTop()!=0){$("#ST-top").fadeIn()}else{$("#ST-top").fadeOut()}});$("#ST-top").click(function(){$("body,html").animate({scrollTop:0},800);return false})});</script><br /><a id="ST-top" style="bottom: 1px; cursor: pointer; display: none; font: 12px arial; position: fixed; right: 0%;"><img height="200px" src="http://2.bp.blogspot.com/-qofzOYmEbw0/U84RFdugsTI/AAAAAAAABzE/P6Kn22rKCcc/s1600/Kampot.png" width="100px" /></a><br /><!--Komar Tep to top widget End-->

• In case if you want to change your image of arrow which we use in scrolling then replace

http://2.bp.blogspot.com/-qofzOYmEbw0/U84RFdugsTI/AAAAAAAABzE/P6Kn22rKCcc/s1600/Kampot.png

• To change the height width of your image simply change the values of width="100px"height="200px"
• After replacing save it and open your blog watch working.