This widget will help your visitors to scroll to top. When a user reaches the bottom of a webpage, all he needs to do is to click on small back to top button and boom , he will be at the top of the webpage.
This makes your blogger blog even more professional.
Every blogger blog should have a scrolling back to top widget which can help readers to reach at the top of the webpage.
It is very easy to add this widget. We have developed this widget in three different styles, you can use anyone of them.
How to add this widget inside your blogger blog
You need to add this widget as an HTML Java script inside your blogger template.
How to customize back to top button:
Customization of back to top button is very necessary. You can customize this widget as you need. Remember that you need to replace the Add Image Link Here with the image link of the image you like. You can also add your own images in this.
Some sample Image Links:
http://3.bp.blogspot.com/-EMnhSXRN7mM/Ut6UBjtJIEI/AAAAAAAAACM/zEZUmLNt2sw/s1600/Back-to-top+(1).png
.png "Back To Top Widget For Blogger")
http://4.bp.blogspot.com/-l3lRm33xcoA/Ut6UBWoqr3I/AAAAAAAAACQ/Loz6FU4A3qI/s1600/back-to-top-button.gif
http://1.bp.blogspot.com/-RISaVbYSdeA/Ut6UCHpWE3I/AAAAAAAAACc/eqAKPHe5qlQ/s1600/back-to-top-small-1%5B4%5D.png
http://3.bp.blogspot.com/-GOYSZH2naUI/Ut6UBRldY8I/AAAAAAAAACI/TX0XZK2cJJQ/s1600/Top.png
http://3.bp.blogspot.com/-GOYSZH2naUI/Ut6UBRldY8I/AAAAAAAAACI/TX0XZK2cJJQ/s1600/Top.png
After customizing the widget you are ready to add the code inside your blog layout. For this go to blogger.com>>dashboard>>layout>>add a gadget>>HTML/Java Script>>Paste the code>>Click on save and you are done. Please leave your comments below if you are facing any problem regarding to this widget.
Watch the video tutorial given below for preview and to know how to add this widget in your blog layout.
This widget will help your visitors to scroll to top. When a user reaches the bottom of a webpage, all he needs to do is to click on small back to top button and boom , he will be at the top of the webpage.
This makes your blogger blog even more professional.
Every blogger blog should have a scrolling back to top widget which can help readers to reach at the top of the webpage.
It is very easy to add this widget. We have developed this widget in three different styles, you can use anyone of them.
How to add this widget inside your blogger blog
You need to add this widget as an HTML Java script inside your blogger template.
How to customize back to top button:
Customization of back to top button is very necessary. You can customize this widget as you need. Remember that you need to replace the Add Image Link Here with the image link of the image you like. You can also add your own images in this.
Some sample Image Links:
http://3.bp.blogspot.com/-EMnhSXRN7mM/Ut6UBjtJIEI/AAAAAAAAACM/zEZUmLNt2sw/s1600/Back-to-top+(1).png
http://4.bp.blogspot.com/-l3lRm33xcoA/Ut6UBWoqr3I/AAAAAAAAACQ/Loz6FU4A3qI/s1600/back-to-top-button.gif
http://1.bp.blogspot.com/-RISaVbYSdeA/Ut6UCHpWE3I/AAAAAAAAACc/eqAKPHe5qlQ/s1600/back-to-top-small-1%5B4%5D.png
http://3.bp.blogspot.com/-GOYSZH2naUI/Ut6UBRldY8I/AAAAAAAAACI/TX0XZK2cJJQ/s1600/Top.png
http://3.bp.blogspot.com/-GOYSZH2naUI/Ut6UBRldY8I/AAAAAAAAACI/TX0XZK2cJJQ/s1600/Top.png
After customizing the widget you are ready to add the code inside your blog layout. For this go to blogger.com>>dashboard>>layout>>add a gadget>>HTML/Java Script>>Paste the code>>Click on save and you are done. Please leave your comments below if you are facing any problem regarding to this widget.
Watch the video tutorial given below for preview and to know how to add this widget in your blog layout.
by Jillur Rahman
Jillur Rahman is a Web designers. He enjoys to make blogger templates. He always try to make modern and 3D looking Templates. You can by his templates from Themeforest.
Follow him @ Twitter | Facebook | Google Plus
No Comment