Friday, May 1, 2015
test
tutorials on back to top/bottom buttons but they were all static and had no fade out effects and smooth scroll effects. Luckily we just discovered a cool jquery script that does all the work. A back to top button is crucial for a blog or site because visitors enjoy easy site navigation so this button will provide them with this ease. We have kept the installation process a one step process. Please see this button in action towards the bottom right corner of this blog.
The best thing about this button is that it appears only when the user scrolls down the page and disappears as he scrolls up.
Add Scroll to Top button to Blogspot
Go To Blogger > Design
Choose HTML/JavaScript widget
Paste the following code inside it
Replace IMAGE LINK with the image link of your back to top button. You can get several beautiful free buttons from our library. Download Back to top/bottom buttons. If you want a free image link then right click the buttons below and select "Copy image location" to fetch their links:back to top
back to topscroll to topscroll to top
4. Save the widget and drag it near the footer or any bottom position.
5. View your blog to see the magic.
I this little trick works for all of you. If you have any questions on how to adjust the position and fade duration then please let me know. I didn't mention them for simplicity. Please do a favour by sharing it with your friends on FB and G+. Peace brothers. :)
Need Quick Help within 24 Hours? ASK NOW
Author Mohammad (admin) 9/04/2011 blogger tricks , Blogger Widgets and plugins 75
search
You Might Also Like
Fancy Ribbon Backgrounds For Blogger Sidebars!
What are Enclosure Links in Blogger and How to add them?
How To use Blogger API v3 to use Blogger content in Client Application...
17 Best 'Label' and 'Feed' Search Techniques in Blogger
If you don't want to get yourself into Serious Technical Trouble while editing your Blog Template then just sit back and relax and let us do the Job for you at a fairly reasonable cost. Submit your order d
Subscribe to:
Post Comments (Atom)
No comments:
Post a Comment