Friday, 24 August 2012

Tutorial button to top


Assalamualaikum and hi I want to make a tutorial on how to put button to top...

Classic template

1. Dashboard  > Template
2. Search this code using CTRL and F ( press at once )
<style type="text/css">
3. Copy below code and paste it before <style type="text/css">
<script src=""></script>
<script src=""></script>
<a href="javascript:;" id="scrollToTop"><img src="URL IMAGE" border="0"></a>
Template designer

1. Dashboard > Design > Edit html > Tick Expand Widgets

2. Search this code using CTRL and F ( press at once ) : </body>
3. Then, copy below code :
<a href='#' id='toTop'><img src='URL IMAGE?t=1292762029' style='
4. Paste the code before </body>
5. Next, find this code : ]]></b:skin>
6. copy below code :
/* to top */#toTop { width:100px;background:none;border:0px solid #ccc;text-align:center;padding:5px;position:fixed;bottom:10px;right:10px;cursor:pointer;
color:#666;text-decoration:none; }
7. Then, paste it before code ]]></b:skin>
8. Find this code : </head> and copy below code and paste before </head>

<script src=''
type='text/javascript'></script> <script type='text/javascript'>
 /*----------------------- * jQuery Plugin: Scroll to Top * by Craig Wilson,
 Ph.Creative ( * Bring to you by Zen from * 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
post/jquery-plugin-scroll-to-top.aspx * Do not delete these infomation
* Version: 1.0, 12/03/2009 -----------------------*/ $(function()
if($(window).scrollTop()!="0"){$(this).fadeIn("slow")}var scrollDiv
;$(this).click(function(){$("html, body").animate({scrollTop:0},"slow")})}}); $(function() { $("#toTop").scrollToTop(); }); </script>

......Preview dan SAVE.......

No comments:

Post a Comment