Friday 24 August 2012

Tutorial button to top

Tumblr_lypatzruah1qiwduxo1_1280_large


Assalamualaikum and hi people..today 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="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></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='
border:0;'/></a>
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='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>


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

No comments:

Post a Comment