jquery top button

Wednesday, October 31, 2012


Annyeonghaseyo...



hari ni tutor yg sama juga
iaitu top button.tapi kali ini top button ni telah diubahsuai
menjadi lebih unik,korang boleh tengok kat julia punya blog...
haaa,cantikkan.Jom mulakan...


1.log in-->dashboard->>design-->edithtml-->tick expand widget



2.search kod ni:



</body>


3.copy and pastekan kod bawah ni kat ATAS kod no.2 tadi:



<a href='#' id='toTop'><center>YOUR WORDS<span class='Apple-style-span' style='color: rgb(255, 204, 204); '/></center><img src='ICON CHOMEL/TOP BUTTON?t=1292762029' style='border:0;'/></a>


4.search kod ni plak:



]]><b:skin>


5.copy and pastekan kod kat bawah ni kat ATAS kod no.4 tadi




/* 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; }



6.search kod ni lagi:



</head>


7.copy and pastekan kod ni kat ATAS kod no.6 tadi:



<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/><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 &quot;Scroll to Top&quot; 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(&quot;href&quot;);if($(window).scrollTop()!=&quot;0&quot;){$(this).fadeIn(&quot;slow&quot;)}var scrollDiv=$(this);$(window).scroll(function(){if($(window).scrollTop()==&quot;0&quot;){$(scrollDiv).fadeOut(&quot;slow&quot;)}else{$(scrollDiv).fadeIn(&quot;slow&quot;)}});$(this).click(function(){$(&quot;html, body&quot;).animate({scrollTop:0},&quot;slow&quot;)})}});$(function() { $(&quot;#toTop&quot;).scrollToTop(); });
</script>

8.jom belajar


warna purple:tukar dengan ayat menarik korang untuk scroll ke atas


warna merah:masukkan url top button.boleh ambil kat freebies julia k?