Different types of Jump to top buttons plugin you can use for your website

It is very necessary to have a jump to top WIDGET on your website. Not everyone has the patience to scroll to the top of your page especially when your website has a lot of content.
If you still do not get the usefulness of the jump to top WIDGET, check out the features below
  • It is animated scroll to top button
  • It allows maximum customize,  with many options but , you can use the default if you don’t know much about it.
  • Displays only when user scroll out a page from the top.

Various jump to top buttons

  • Width : 21 px , Height : 21 px

CODE
https://3.bp.blogspot.com/-qkuDaeTvRZA/UVrkz5RQ15I/AAAAAAAAEMs/m1nWrDogsUc/s1600/bi-sbs-jump-top-button-image-002.png
  • Width :  21 px, Height : 21 px
CODE
https://1.bp.blogspot.com/-RoWLSogqUrQ/UVrkzxpNM3I/AAAAAAAAEM0/mxDPJ6UY2aw/s1600/bi-sbs-jump-top-button-image-001.png
  • Width: 45px, Height : 42px
CODE
https://3.bp.blogspot.com/-6sgey74lpk4/UVrk0f02fiI/AAAAAAAAENE/OrX7YvAEbWk/s1600/bi-sbs-jump-top-button-image-005.png
  • Width : 48px, Height: 51px
CODE
https://3.bp.blogspot.com/–epmicNpbCw/UVrk0VaQQwI/AAAAAAAAENI/j6kkjeWBCDk/s1600/bi-sbs-jump-top-button-image-004.png
  • Width : 51px, Height : 54px
CODE
https://3.bp.blogspot.com/-8UYnM4qJ970/UVrk0S0satI/AAAAAAAAENM/ME7i6scodbY/s1600/bi-sbs-jump-top-button-image-006.png
  • Width : 50px, Height : 50px
CODE
https://1.bp.blogspot.com/-TDcNuk53qRI/UVrk09Ql5YI/AAAAAAAAENc/6H4eU6agQfs/s1600/bi-sbs-jump-top-button-image-009.png
  • Width : 50px, Height : 50px
CODE
https://4.bp.blogspot.com/-BKKDspBVzKg/UVrk1oSDYtI/AAAAAAAAEOA/tHsijtTt0zs/s1600/bi-sbs-jump-top-button-image-012.png
  • Width : 50px, Height: 50px
CODE
https://2.bp.blogspot.com/-7-dtrCrZaSQ/UVrk2EE_bUI/AAAAAAAAEOM/mWFrtlD3Vts/s1600/bi-sbs-jump-top-button-image-014.png
  • Width: 50px, Height: 50px
CODE
https://4.bp.blogspot.com/-qVE3ilRP-Tw/UVrk2BCwKaI/AAAAAAAAEOQ/K_2h5yQLPe0/s1600/bi-sbs-jump-top-button-image-015.png
  • Width : 50px, Height : 50px
CODE
https://2.bp.blogspot.com/-JrqE95QtfOQ/UVrk2hV5bKI/AAAAAAAAEOc/fzr0ve-Yq6o/s1600/bi-sbs-jump-top-button-image-016.png

  • Width : 50px, Height : 50px

CODE

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

  • Width : 50px, Height : 50px

CODE

https://4.bp.blogspot.com/-MsqX_l7E9h0/UVrk5IcB02I/AAAAAAAAEPs/xeuHvsln-ZQ/s1600/bi-sbs-jump-top-button-image-030.png

  • Width : 57px, Height : 61px

CODE

https://2.bp.blogspot.com/-BcXdwAv2Xm8/UVrkzzqQqXI/AAAAAAAAEMw/aKqwYkesWSc/s1600/bi-sbs-jump-top-button-image-003.png

NOTE:  this codes above are only for jumpt to widget style  ( how the image of the widget  will display) , check below for the code to make the widget work….

HOW TO ADD JUMP TO WIDGET ON YOUR WEBSITE  ON BLOGSPOT

Login on blogger.com , go to layout on your control panel and add a Gadget. Now choose add  HTML/JAVASCRIPT.  After adding, paste this following 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–>

To change the image style of  the widget, copy  any style code you want at the beginning of this post from 1- 13

Then replace it with the blue part outline above .If it worked , it will look like this

If this was helpful to you, comment and share.

I recommend you read these
2 thoughts on “Jump to top buttons plugin you can use for your website (Blogspot)”

Leave a Reply

Your email address will not be published. Required fields are marked *