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