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://3.bp.blogspot.com/--epmicNpbCw/UVrk0VaQQwI/AAAAAAAAENI/j6kkjeWBCDk/s1600/bi-sbs-jump-top-button-image-004.png


 https://3.bp.blogspot.com/-6sgey74lpk4/UVrk0f02fiI/AAAAAAAAENE/OrX7YvAEbWk/s1600/bi-sbs-jump-top-button-image-005.png


https://4.bp.blogspot.com/-qVE3ilRP-Tw/UVrk2BCwKaI/AAAAAAAAEOQ/K_2h5yQLPe0/s1600/bi-sbs-jump-top-button-image-015.png

https://4.bp.blogspot.com/-TrmI8iSsp3E/UVrk4GB2o4I/AAAAAAAAEPQ/-pLXS2xJgfc/s1600/bi-sbs-jump-top-button-image-026.png


https://3.bp.blogspot.com/-BrTW5bNnNFY/UVrk5vL90BI/AAAAAAAAEQI/h_JEYJ5X9Ak/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://3.bp.blogspot.com/-qkuDaeTvRZA/UVrkz5RQ15I/AAAAAAAAEMs/m1nWrDogsUc/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

Popular Posts

How To Remove Date From Blogger Url (Permalink)

How To Remove Date From Blogger Url (Permalink)
I know you must have been finding it difficult to get rid of date from your blogger permalink which is the same as post url
We will be giving you a great tutorial on how you can do this but before that let know the rules of implement

What Is Permalink Like I said earlier, it is the same as blog url, but let go deep on this permalink is the permanent location of one's post or content, it the link you send to people to view your post
This is an example of permalink with date: https://naijaonlines24.blogspot.com/2020/04/remove-date-from-blogger-url-permalink.html
Why Should I Remove Date From Permalink I know you must have be thinking why this post is out, do I really need to remove the date of my url Mostly it not important and also important that two ways, but the important is much I guess,when searching for post online you hardly see post with date. The the most important is that it help improve your SEO on Google.
Effect Of Removing…