Place Scroll to top widget above Blog Footer

Place back to top widget above Blog Footer

2
data:blog.title
back-to-top

Scroll to top widget is useful for make your blog user friendly. Though this is a simply trick but effective for blog visitors. If your blogger template height is large then visitors don't like to scroll top to bottom and bottom to top constantly. So back to top widget help visitors to navigate to top. Though earlier I have share with you 2 back to top with CSS and Jquery coding. But I am going to share another widget where used simple CSS code. And this widget can be place above footer section of your blog template. It will save your place. Not only above footer if you want you can place it above credit wrapper. Because most of the back/ Scroll to top widget appear after beside sidebar which occupy some space. If you planning to add floating ads then it create problem for placing. Because both widget create conflict to take place. So this Scroll to top widget solve this problem. Now you can add this widget within the post body. So for adding this widget simply follow the below steps-


Step 1 Log in to your Blogger Account and Click on Template  ->

Step 2 Now click on Edit HTML-> Unfold code  

Step 3 Now find ]]></b:skin> by Pressing    Ctrl + F

Step 4 And Paste the below code above ]]></b:skin> 

/* -- Scroll to top widget by www.bloggerspice.com-- */
.BloggerSpiceB2T {text-align:center;margin-top:20px;color: #333}
.BloggerSpiceB2T a {font-size: 12px; color:#fff;font-weight: bold;padding: 8px;text-transform: uppercase;background:#444;border-radius:3px}

Step 5 Now find <!-- end content-wrapper --> or <div id='lower'> or <div id='footer'>

by Pressing    Ctrl + F

Step 6 And Paste the below code above <!-- end content-wrapper --> or <div id='lower'>

or <div id='footer'>


<div class='BloggerSpiceB2T'><a href='#'>Back to Top</a></div>


 Step 7 Now simply hit the save button.

If you face any problem then feel free to leave a comment below. I will help you to install it into your blog. 
Place Scroll to top widget above Blog Footer
4 Stars stars - "Place Scroll to top widget above Blog Footer" Scroll to top widget is useful for make your blog user friendly. Though this is a simply trick...

Post a Comment

nice widget Fazle Rabbi vai

Facebook Group Community Disqus Channel Code ConverterHide Code Converter Show EmoticonHide Emoticon

Got questions? Ask ’em below! While we’re here, you might like to give any feedback about this Post, Your comment inspire us to continuous Improvement of This Blog and Contents. Your words are your own, so be nice and helpful if you can. Please, only use your REAL NAME, not your business name or keywords. Using business name or keywords instead of your real name will lead to the comment being deleted. Anonymous commenting is not allowed either. Limit the amount of links submitted in your comment. We accept clean XHTML in comments, but don't overdo it please.

Make sure you tick the Notify Me box below the comment form to be notified of follow up comments and replies. Thank you for commenting

Contact Form

Name

Email *

Message *