slide IMAGE show



Hi, most of you have known about scroll to the top and its feature is very useful for who has long blog.Adding a "scroll to the top" button is very great idea.Today I will guide you to add it to your blog. Maybe you are using "scroll to top" button already but it seems very dry.So, this button will have the different look from the old buttons, with "smooth" effect you will feel your blog is so sweet hah hah! You will like it ! Love it, and don't worry, it is all lightweight, it will load very fast and just 1 click it your screen will fly along from bottom to the top. So great!

This code I have found from 
Craig Wilson, Ph.Creative

Thank you very much!

1.Ok to make it , take a look in your source code now and find the  tag then add following code before it:

^ Scroll to Top

The red code is the words appear with your button, you can change it by another words.

2.Now add this CSS code before ]]> tag :

/* to top */
#toTop { width:100px;background:#F4FFBF;border:1px solid #ccc;text-align:center;padding:5px;position:fixed;bottom:10px;right:10px;cursor:pointer;color:#666;text-decoration:none; }


Yeah yeah so easy huh, just add and add.....

3.Final step, add this Jquery codes before  tag:



Now Save it and try it,do you want to see the demo?My blog-Zenplate is now using it , you can see it at the right corner, click on it you will see the efftects
Hope you like it.Subscribe me now to get more cool tips

0 Comments:

Post a Comment



Related Posts with Thumbnails
 

blogger templates | Make Money Online