Skip to main content

How To Add Back To Top Plugin On Websites

How To Add Back To Top Plugin On Websites



Back to top buttons play an important role in a website, it helps readers to quickly stroll back to content sighted earlier

This button is needed mostly in long articles, so as to make it easy and convenient to scroll back to top button in just one touch.

Some template brings this button along but am such free template on blogger does not come ls with it, if you have yours already but you do not like do not hesitate to pick of the plugin am dropping below

Read Also: how to use custom permalink on blogger for better seo


Back To Top Plugin

Here am going to give you five back to top button, and a easy way to insert it to your website  

 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgB2mOBwFNdFuwntfYOMQoQ-pkxPcUotryrj-ocgyIA8sqaxyz-QZHiuy4LMVHNSltN6fnwNMd1icp8bCVhzoPZKkobtgWysGQ5Cu7GJ2YAnwodsbww_WFn8WXJbDDp9k_MFuZGWewwxA/s1600/bi-sbs-jump-top-button-image-004.png


 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisugv-rnujhvrWbPLCekHuFJswAnNK3hKjf2o-DZvdf6r0rJV3Lso5T07lolTkqGAlFfMyYFr_jDPFzvZTav9qM5CVzm7HVhLP7dweek4NGk8ic1tMwRdL-E9DNo61hf5oKnYEuiWvGDs/s1600/bi-sbs-jump-top-button-image-005.png


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhO2_eUQ_ibWvgbSJqEW_lC-dMt7dx_JW4uciAibpmOCky28P-r4FuqrWnCc2OQhXRxGL_OMfa2RwjxAFKpcEq5wbTZS-88GjvgzfjTnwxQffsuopb2GBaFjoszIV0wIPWKYAtgecdkEBU/s1600/bi-sbs-jump-top-button-image-015.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitbHKOMxc2CzKxBxS0gsdkSCHkj3PIueIoWO9QgPNr0-NraZOB6Niv_mlSyq3x9oNHrTC8_nML2AgTcOjprJTLteMxsykymdejGwrPVQB8x4JpMlsd8M3gH45jTbR96AlTxDZ4WeAv6qk/s1600/bi-sbs-jump-top-button-image-026.png


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6Ahd1B8kXP_pC6XGrbmJG0udjTR0sRXgNMNmiN_YndJUEdLUzIW4fcrA0FzdpRVk-JGUKSuejDKcJVBM8hQJhOu9Kn-cVsZr8TAaBK5Tt5szAo_Wg3aj1PkoX7qdPlwkHS9BxeSUJFxg/s1600/bi-sbs-jump-top-button-image-033.png
So choose the image you want to use, those little shape inside the image is what will display on your screen.

Note: Those plugin are powered by SNEEIT big thanks to them


How To Add Back To Top Plugin On Blogger

Doing this is the easiest because you not going to edit html, so no need of being afraid

 1. Sign blogger.com and login to the blog you want to add this to

 2. Click on layout and add a new gadget, by click on the + sign, select HTML/JAVASCRIPT

 3. In the open box named content, add this code in their

Code:

<!--BACK TO TOP STARTS-->
<a rel="nofollow" style="display:scroll;position:fixed;bottom:10px;right:5px;
" href="#" title="Back to Top"><img src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaMo_7R-WWEZrouAam_7Q-LjtF_uTImUT2lqSEf-hPmNJkzwi8KaiadmAGAzHpVOBzP0I_PnDIDYTF73boEg9eEgA3Vs1holIwAgWwOYfvGi6_2g7ptdxp_fR5nEz_n193dI64uQiPI3g/s1600/bi-sbs-jump-top-button-image-002.png
"/>


<!--BACK TO ENDS-->

Note: To change code to the prefer one remove the link in that code and place your prefer link i.e change from {https://3.bp.blogspot.com..........to..........002.png} in the above code

 4. When you done with that save settings and preview to check what you did

In short way
Sign-in>>layout>>+gadget>>html/Javascript>>+code>>save>>preview.



Well we done with that, am sure that was not stressful and now you now in another state of blogging. Pls share, comment, follow and subscribe to this post to get more Blogging articles that will boost your skills



Comments