Adding a floating back to top button for blogger
Do you have long pages and tired to scrolling up? Then,these tips may useful for you blog.
Simply follow the steps below :
1.Login to your blogspot account.
2.Click on Design > Add a Gadget > HTML/Javascript.
3.Paste the code below :
<a title="Back to Top" href="#" style="position: fixed; bottom: 5px; left: 5px;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglUkOlcWuGhGXNQEQGuNkzUQm_ycbf7PvmcV75LnDZLCpEevXlqHmu50kMnFFzcqRo7RLEBs5Msv0uIVOaCSWQdFV0SlQQ9eWjPd1ZeA6Jj4eBVIcV-n4AsRdV8ZO-kfq1zfc2yzB8adw/s1600/back+to+top.JPG" /></a>
4.Save you gadget.You may change the position of gadget either do you want it located in the
bottom or
top
of pages,
left or
right and change the
icon .
5.Done
|
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglUkOlcWuGhGXNQEQGuNkzUQm_ycbf7PvmcV75LnDZLCpEevXlqHmu50kMnFFzcqRo7RLEBs5Msv0uIVOaCSWQdFV0SlQQ9eWjPd1ZeA6Jj4eBVIcV-n4AsRdV8ZO-kfq1zfc2yzB8adw/s1600/back+to+top.JPG |
|
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqLSVSfsEzTzcXqeWD11WwWoSBv7jtQvuKhVBUsF-1wbrpRK00laMxFCBCH03AD_-ilUaUgOhIQ-em8Qjy9tNS_QFTi6RjuOQXdVMdjGOWeDj5Ii9I1eoWl7AHTqykROVIF3OWYcfqloM/s1600/back+to+top+1.png |
|
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSMSAOsMJmk6769sK9wKLis3gNrh02aegAClwo0jCHNMN_KH9ASIsfSyzBGBhk_6GO5VNsplO_yIpzw505fjieWoZgE-8SldqiaL9A4lgW-6qMr2eirc3zp8S30IW9GGRhOPItWDfpheQ/s1600/back+to+top+3.png |
|
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhul1H4_tOlQNY0ogxym-EFjLJejELaMeZHtlu-a60AiOYePyJdRaCwBE7ygqKFss5brXnnYdfXZd9jp9SuYdVgV0dqeL7dbp3jGM0bpgcCxbwsAoRAR912xtaA07DwmviFdyQobgQAyX0/s1600/back+to+top+2.png |
|
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgw89vfSSOkAUKDCTZStYUDAbzFg2-zbMK0ZvxFGr2Vo90kMvjZDaxJeCGUNGRYxuos4EeXgYiheg5DCK0ZWYCaSCl3iWT1TRdZmIiq2Rodnqn5LVobTKsOnxOX25qP0M4x48puPE3RQUE/s1600/back+to+top+4.png |
|
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiK0dETeXDR8q6HnjgsWRZ5_CmYJKN1NKG84EyRHLY0E2hz9l481-6npMoL7gFmrt3DM5DY7GAZVzYMXMzDGU_pvxgdRN444xsAyWOT4yS0Ebtvtw3oi1DZPLna_a6NcUfJsxXuc_iJie0/s1600/back+to+top+5.png |
Advantages using this gadget
1.Saves visitors time from an hassle of scrolling up.
2.The icon does not interfere with blog content.
3.Can use your own image.
Comments
Floating Back To Top Icon For Blogger