Your visitors are tired to scroll to top after read to bottom of a long Blogger content page? If yes, you need a jump to top button for your blog.
Features
- Display only when user scroll out a page from top
- Support opacity to prevent displaying over the main content
- Animation scroll to top
- Allow maximum customize with many options, but if you are a newbie, please just use the default.
Preview video
Setting guide
You can choose an other jump top button instead our default image. If you use a custom jump top button image (or one in our jump top image collection) please input your image URL in BUTTON IMAGE URL remember modify button width and height in widget settings to make the widget compatible with your image. About button dimension, check below image:
 |
| Dimension Explain |
Button Image Collection
If you don’t want use our default jump top button image, and you also have no a custom image, you can consider using one of below images in our collection. Remember, change width and height in widget settings to make the widget compatible with image size.
Width: 21px, height: 21px
https://3.bp.blogspot.com/-qkuDaeTvRZA/UVrkz5RQ15I/AAAAAAAAEMs/m1nWrDogsUc/s1600/bi-sbs-jump-top-button-image-002.png
Width: 21px, height: 21px
https://1.bp.blogspot.com/-RoWLSogqUrQ/UVrkzxpNM3I/AAAAAAAAEM0/mxDPJ6UY2aw/s1600/bi-sbs-jump-top-button-image-001.png
Width: 45px, height: 42px
https://3.bp.blogspot.com/-6sgey74lpk4/UVrk0f02fiI/AAAAAAAAENE/OrX7YvAEbWk/s1600/bi-sbs-jump-top-button-image-005.png
Width: 48px, height: 51px
https://3.bp.blogspot.com/--epmicNpbCw/UVrk0VaQQwI/AAAAAAAAENI/j6kkjeWBCDk/s1600/bi-sbs-jump-top-button-image-004.png
Width: 51px, height: 54px
https://3.bp.blogspot.com/-8UYnM4qJ970/UVrk0S0satI/AAAAAAAAENM/ME7i6scodbY/s1600/bi-sbs-jump-top-button-image-006.png
Width: 50px, height: 50px
https://1.bp.blogspot.com/-TDcNuk53qRI/UVrk09Ql5YI/AAAAAAAAENc/6H4eU6agQfs/s1600/bi-sbs-jump-top-button-image-009.png
Width: 50px, height: 50px
https://4.bp.blogspot.com/-qZloxWsKxzQ/UVrk0-uUQ-I/AAAAAAAAENg/xzNqJz6byLE/s1600/bi-sbs-jump-top-button-image-008.png
Width: 57px, height: 57px
https://2.bp.blogspot.com/-eBrq-egD0W0/UVrk0vCUUvI/AAAAAAAAENk/S-CnQ8FuDOw/s1600/bi-sbs-jump-top-button-image-007.png
Width: 50px, height: 50px
https://4.bp.blogspot.com/-Fot3hil43hU/UVrk1Rxz4lI/AAAAAAAAEN0/5jzUEfv_m6w/s1600/bi-sbs-jump-top-button-image-011.png
Width: 50px, height: 50px
https://3.bp.blogspot.com/-5G0umSR8JPQ/UVrk1vq3WSI/AAAAAAAAEN8/43kL1GjzpsI/s1600/bi-sbs-jump-top-button-image-010.png
Width: 50px, height: 50px
https://4.bp.blogspot.com/-BKKDspBVzKg/UVrk1oSDYtI/AAAAAAAAEOA/tHsijtTt0zs/s1600/bi-sbs-jump-top-button-image-012.png
Width: 50px, height: 50px
https://2.bp.blogspot.com/-7-dtrCrZaSQ/UVrk2EE_bUI/AAAAAAAAEOM/mWFrtlD3Vts/s1600/bi-sbs-jump-top-button-image-014.png
Width: 50px, height: 50px
https://4.bp.blogspot.com/-qVE3ilRP-Tw/UVrk2BCwKaI/AAAAAAAAEOQ/K_2h5yQLPe0/s1600/bi-sbs-jump-top-button-image-015.png
Width: 50px, height: 50px
https://4.bp.blogspot.com/-5UFIsALTpjg/UVrk11SEMpI/AAAAAAAAEOU/e1JgQgfMP44/s1600/bi-sbs-jump-top-button-image-013.png
Width: 50px, height: 50px
https://2.bp.blogspot.com/-JrqE95QtfOQ/UVrk2hV5bKI/AAAAAAAAEOc/fzr0ve-Yq6o/s1600/bi-sbs-jump-top-button-image-016.png
Width: 50px, height: 50px. Display good on dark background only
https://2.bp.blogspot.com/-IQjWWK9iNVQ/UVrk2wfSKfI/AAAAAAAAEOo/_fXyS-0IIxg/s1600/bi-sbs-jump-top-button-image-018.png
Width: 50px, height: 50px
https://4.bp.blogspot.com/-nb5hOQhr4Q4/UVrk2yYxypI/AAAAAAAAEOs/5yYkJ7E9ras/s1600/bi-sbs-jump-top-button-image-017.png
Width: 50px, height: 50px
https://1.bp.blogspot.com/-Q_ku-NFLj-k/UVrk3d8XpoI/AAAAAAAAEO8/C_tlrQfncNQ/s1600/bi-sbs-jump-top-button-image-022.png
Width: 50px, height: 50px
https://1.bp.blogspot.com/-JgO5jRUqFyE/UVrk3dg0VtI/AAAAAAAAEPA/MjdypaBMJvM/s1600/bi-sbs-jump-top-button-image-023.png
Width: 50px, height: 50px
https://4.bp.blogspot.com/-TrmI8iSsp3E/UVrk4GB2o4I/AAAAAAAAEPQ/-pLXS2xJgfc/s1600/bi-sbs-jump-top-button-image-026.png
Width: 50px, height: 50px
https://2.bp.blogspot.com/-I-to6HbVNac/UVrk4eXlOII/AAAAAAAAEPU/kvSIMUdIDn0/s1600/bi-sbs-jump-top-button-image-025.png
Width: 64px, height: 64px
https://4.bp.blogspot.com/-dRus_ekBFcU/UVrk4Sz33OI/AAAAAAAAEPY/zOHAGE80vBs/s1600/bi-sbs-jump-top-button-image-027.png
Width: 50px, height: 50px
https://4.bp.blogspot.com/-MsqX_l7E9h0/UVrk5IcB02I/AAAAAAAAEPs/xeuHvsln-ZQ/s1600/bi-sbs-jump-top-button-image-030.png
Width: 83px, height: 83px
https://1.bp.blogspot.com/-BJFSIVD-33I/UVrk4wbjCLI/AAAAAAAAEPw/jhZ_ZvgeOa4/s1600/bi-sbs-jump-top-button-image-029.png
Width: 46px, height: 45px
https://3.bp.blogspot.com/-boSDGCe4WW4/UVrk5aOszZI/AAAAAAAAEP4/7pGDlGDtJcA/s1600/bi-sbs-jump-top-button-image-031.png
Width: 50px, height: 47px
https://3.bp.blogspot.com/-BrTW5bNnNFY/UVrk5vL90BI/AAAAAAAAEQI/h_JEYJ5X9Ak/s1600/bi-sbs-jump-top-button-image-033.png
Width: 57px, height: 61px
https://2.bp.blogspot.com/-BcXdwAv2Xm8/UVrkzzqQqXI/AAAAAAAAEMw/aKqwYkesWSc/s1600/bi-sbs-jump-top-button-image-003.png
Widget Options
YOU WILL ALSO LIKE
Simple Flickr Badge with CSS3 Effects for Blogger / Blogspot
This widget will help you adding Flickr Badget to your Blogger / Blogspot with simple CSS3 animation effects. Features Fully customize ... READ MORE
Flexible Recent Comment Widget for Blogger
Recent Comment widget help you and your visitors easy follow new discussions on your blog. Let’s add Flexible Recent Comments widget ... READ MORE
