skip to main | skip to sidebar

Expert Gamerz

Pages

  • Home

Thursday, 17 May 2012

Smooth Scroll jQuery Back To Top Button



Remember Always Back Up Your Template Before You Make Changes - 

Step 1. In Your Blogger Dashboard Click Design > Edit Html 

Design Edit Html Blogger

Step 2. Find the following piece of code in your blogs Html : (Click Ctrl and F for a search bar to help find the code)

]]></b:skin>

Step 3. Copy and Paste the following code Directly Above / Before ]]></b:skin>


#toTop {
display:none;
text-decoration:none;
position:fixed;
bottom:10px;
right:10px;
overflow:hidden;
width:51px;
height:51px;
border:none;
text-indent:-999px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGPH7hpIbwv-vl39RsVsMR000e2Htw5V52AU8k4F8vRZAc3v538uQah-w1iGQ7aGdLbfnYLYI2TCGc5USwo9oLZTkGcUG6rA0fi04pVEI0Jh2HuNuP5TUZWbDqc9Rqzn2gaxRKwarQWYo/s1600/ui.totop.png) no-repeat left top;
}
#toTopHover {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGPH7hpIbwv-vl39RsVsMR000e2Htw5V52AU8k4F8vRZAc3v538uQah-w1iGQ7aGdLbfnYLYI2TCGc5USwo9oLZTkGcUG6rA0fi04pVEI0Jh2HuNuP5TUZWbDqc9Rqzn2gaxRKwarQWYo/s1600/ui.totop.png) no-repeat left -51px;
width:51px;
height:51px;
display:block;
overflow:hidden;
float:left;
opacity: 0;
-moz-opacity: 0;
filter:alpha(opacity=0);
}
#toTop:active, #toTop:focus {
outline:none;
}

Note - To move the button to the left of your blog change right:10px; to left:10px; .

Step 4. Find the following piece of code in your blogs Html : (Click Ctrl and F for a search bar to help find the code)

</head>

Step 5. Now Copy And Paste This Code Directly Above / Before </head>

Note - If you have previously added jQuery script to your template you can leave out the line in green.
<script src='http://code.jquery.com/jquery-1.6.1.min.js' type='text/javascript'/>
<script src='http://suyb.googlecode.com/files/jquery.easing.1.3.js' type='text/javascript'/>
<script src='http://suyb.googlecode.com/files/jquery.ui.totop.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function() {
/*
var defaults = {
containerID: &#39;moccaUItoTop&#39;, // fading element id
containerHoverClass: &#39;moccaUIhover&#39;, // fading element hover class
scrollSpeed: 1200,
easingType: &#39;linear&#39;
};
*/

$().UItoTop({ easingType: &#39;easeOutQuart&#39; });

});
</script>

Step 6. Save your template.


Drop Your Comments And Questions Below.

Posted by Unknown at 21:11 Email This BlogThis! Share to X Share to Facebook
Labels: Windows

0 comments:

Post a Comment

Newer Post Older Post Home
Related Posts Plugin for WordPress, Blogger...

Labels

  • Android (4)
  • Angry Birds (1)
  • ANTIVIRUS (6)
  • AVG (2)
  • BLOG (12)
  • BLOG TIPS (4)
  • BROWSER (12)
  • Cars Wallpaper (1)
  • COMPUTER (53)
  • COMPUTER TRICKS (51)
  • Cool Abstract WallPaper (1)
  • Cool Wallpapers (5)
  • Counter Strike (2)
  • Desktop Utility (1)
  • DIABLO THE GAME (2)
  • Earn Money Online (2)
  • Eid Mubarak (2)
  • EMAIL (1)
  • FACEBOOK (15)
  • Facebook Profile Pictures (3)
  • Facebook STATUS (3)
  • FACEBOOK TRICKS (25)
  • FIFA (3)
  • Flag Of Different Countries (2)
  • Flower Wallpapers (1)
  • GAMES (20)
  • GOOGLE BOOK (1)
  • GOOGLE CHROME (5)
  • GOOGLE TRICKS (2)
  • GOOGLE+ (1)
  • GTA (2)
  • HALF-LIFE (1)
  • HArdDISK (2)
  • HOW TO CREATE THIS (2)
  • IDM (2)
  • internet ExPlOrEr (2)
  • INTERNET TRICKS (23)
  • Islamic Wallpapers (9)
  • Java Games (2)
  • Katrina Kaif Wallpaper (2)
  • label (1)
  • MAC (1)
  • MAINTENANCE OF COMPUTER (1)
  • MAX PAYNE (1)
  • MEDIAFIRE (2)
  • MEDIAFIRE GAMES. (1)
  • MICROSOFT (2)
  • MICROSOFT OFFICE (8)
  • MICROSOFT VISUAL STUDIO (1)
  • MOBILE (12)
  • Mobile Specifications (1)
  • Modern Warfare 3 GAME (1)
  • MOVIES (3)
  • Mozilla Firefox (2)
  • NFS (2)
  • Off-Page SEO (1)
  • OPERA (1)
  • OPERATING SYSYTEM (1)
  • OS (1)
  • PENDRIVE (3)
  • PES (2)
  • PES 2011 (1)
  • Picture Frames (3)
  • RECOVERY OF HARDDISK (2)
  • Remove Facebook Timeline (1)
  • Salman Khan Wallpapers (3)
  • SEO Tricks and Techniques (1)
  • Shahrukh Khan Wallpapers (7)
  • SoCCER GamEs (1)
  • Software (16)
  • SpeedBit Video Accelerator (1)
  • Sports Wallpapers (2)
  • TeAmViEWeR (1)
  • Technology (3)
  • Traffic Software (1)
  • Twitter (1)
  • UbunTu (1)
  • vlC (1)
  • WARCRAFT GAME (1)
  • Web Directory Submission In SEO (1)
  • Web TrIcKs (1)
  • Website Traffic Increasing Trick (SEO) (1)
  • Windows (6)
  • WiNdows 7 (35)
  • WINDOWS 8 (38)
  • WiNdows VISTA (9)
  • WiNdows XP (29)
  • YouTube (1)

Blog Archive

  • ►  2013 (1)
    • ►  February (1)
  • ▼  2012 (127)
    • ►  December (4)
    • ►  August (62)
    • ►  June (8)
    • ▼  May (24)
      • Generate Big Picture Facebook Emoticons Of Your Own
      • Make Ur Own Extension Of Ur Website For Chrome, Mo...
      • ADD CUSTOM ICON TO PENDRIVE
      • how to post encircled text as a Facebook Status/ G...
      • How to undelete files on Windows with Undela
      • How To Easily unfollow a Facebook post from the ne...
      • Facebook chat window being used to spread new virus.
      • Download SWF File From Website With Ease
      • Smooth Scroll jQuery Back To Top Button
      • How To Make Headline News In Blog
      • How to Send Colorful Text in Facebook Chat
      • auto post birthday wishes on facebook wall Of Friend
      • 3 Incredible New Tab Start Pages for Google Chrome
      • Watch UTV Bindass Online
      • Turn Your Windows Desktop To 3D Desktop
      • 7 Coolest Picture Codes For Facebook Chat
      • Download Angry Birds Season : Year Of Dragon For P...
      • How To Lock Computer With USB Flash Drive
      • SPEED YOUR BROWSER BY CHANGING YOUR DNS
      • Has someone else been logging into your Facebook a...
      • How to change the size of fonts in Google Chrome…
      • Facebook security trick
      • UltraDefrag Utility (Open Source)
      • See All Live Webcams (Hidden Also )with a Google T...
    • ►  April (10)
    • ►  March (1)
    • ►  February (18)
  • ►  2011 (168)
    • ►  December (13)
    • ►  November (63)
    • ►  October (82)
    • ►  September (10)
  • ►  2010 (6)
    • ►  September (6)

Followers

Powered by Blogger.

About Me

Unknown
View my complete profile

 
Copyright (c) 2010 Expert Gamerz. Designed for Video Games
Download Christmas photos, Public Liability Insurance, Premium Themes