Different types of Jump to top buttons plugin you can use for your website
- 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
- Width : 21 px, Height : 21 px
- Width: 45px, Height : 42px
- Width : 48px, Height: 51px
- Width : 51px, Height : 54px
- Width : 50px, Height : 50px
- Width : 50px, Height : 50px
- Width : 50px, Height: 50px
- Width: 50px, Height: 50px
- Width : 50px, Height : 50px
- 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.
Whao, got it
Glad you did ???