Tutorials by Anis Diyana

Tutorial jquery scroll top button
1.Dashbord>Design>Edit Html
2.Ctrl f dan search code </body>
3.Copy code dibawah dan paste sebelum code </body>
<a href='#' id='toTop'><img src='URL IMAGE?t=1292762029' style='border:0;'/></a>
-Url image gantikan dengan image  top button anda sendiri atau boleh ambik yang bawah ni :3


4.Ctrl f lagi dan search code ]]></b:skin>
5.Copy dan paste code bawah ini sebelum code ]]></b:skin>
/* 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.Akhir sekali,ctrl f lagi dan search code </head>
7.Copy dan paste code dibawah sebelum </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() {

8.Preview dan save template.

Top button tu akan muncul bila korang skroll =D Kredit : http://blog-aku-nie.blogspot.com/2010/12/cara-membuat-scroll-to-top-button-dgn_23.html

Saturday, 3 December 2011 - BY Anis Diyana
next → ← previous

I'm Anis Diyana,18 y/o,muslim and Malaysian.I love to eat cheese.I love drawing chibis and doodling too.I hope this blog will help you to edit your blog.If you have any question to ask me or you want to request a tutorial,kindly email me here: anisdiyana97@gmail.com

blog Facebook Twitter Instagram

'Florale' by Marcielago. Icons from thefadingnight.
Blog Tutorials

Photoshop & Photoscape tutorials
  •  Tutorial buat text shadow dengan menggunakan Photoscape
  •  Tutorial buat border dekat image menggunakan Photoscape
  •  Tutorial multiple background colors/hue and saturation
  • How to...
  •  Tutorial download fonts
  •  Tutorial download fonts untuk windows 7 dan windows vista
  • What is...
  •  Apa itu blog ID?
  •  Apa itu tick expand widget
  •  Border styles
  • Others
  •  Senarai chatbox atau shoutbox untuk blog anda
  •  Gadget untuk melukis doodle
  •  Check berat blog anda!