Friday, August 21, 2020
Place Scroll to top widget above Blog Footer
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 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 1Log in to yourBlogger Accountand  Click onTemplate-      Step 2Now click onEdit HTML-  Unfold code         Step 3Now find]]/b:skinby Pressing Ctrl+F        Step 4And 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 5Now find or div id='lower'  or div  id='footer'        by Pressing Ctrl+F        Step 6And Paste the below code  above or div id='lower'          or div id='footer'            div class='BloggerSpiceB2T'a href='#'Back  to Top/a            Step 7Now 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.  
Subscribe to:
Post Comments (Atom)
 
 
No comments:
Post a Comment
Note: Only a member of this blog may post a comment.