Place Scroll to top widget above Blog Footer
Place back to top widget above Blog Footer
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.
2 comments