Floating "Top of Page" Icon Widget
Some blogs and webpages have obnoxiously long pages that go on forever... and that's where this widget comes in handy. As you can see, there is a small floating arrow at the bottom-right of this page. It always maintains the same position. Scroll down a little in your template, then if you click on it, it will take you to the very top of the page.
Why it's a good thing?
- Saves your visitors from an unnecessary hassle of scrolling up.
- The icon does not interfere with your content.
- You can use your own image in order to blend in with your own blog.
+- Get the Floating Icon Widget
For Google Bloggers:
The html code:
Customizing the Icon Image:The html code:
- If you wish to change the arrow image to something else, then find this line below and replace it with another image url
http://img119.imageshack.us/img119/8589/arrowupcx2.gif
Share!
Enjoy the article so far? Recommend it to your friends and peers.
Subscribe! (free)
Be the first to our articles and get latest updates on freebies.
75 comments:
awesome, thanks for sharing.
hello,
after going through so many posts in your blog i find it interesting and useful. i m following your blog. a really nice blog .
thumbs up!!!
Hi dude can I expect a link back from you? Please provide me this link and add me into your blogroll.
Hey, Kasakk, your link has been on this page for almost a year now.
http://widgetsforfree.blogspot.com/2007/11/stockalicious-track-your-portfolio-with.html
Thanks dude for reminding me.Its quite better for me.Thanks a lot.
This is to totally rad! Thanks a million.
Where do insert the code in a Wordpress blog?
Thanks.
@Anonymous, for wordpress try inserting the code between the two body tags.
If this doesn't work, please let me know.
hey nice widget but just wanted to tell you that this widget doesn't work with internet explorer
thanks for this hack
works perfectly! thanks for sharing though.
I didn't know it was there until you pointed it out. Who's going to notice that on higher resolutions?
This is a great addition to my blog! Thanks
http://yourobamaupdate.blogspot.com/
This one could be useful... for everyone else than me. I always use home button. I'm too used to using keyboard in most of my actions by computer.
Thanks for that - hope it gets noticed - nice and discreet though!
very nice and very useful! thanks for showing us this tool!
Or they could just press "home" button on the keyboard. It'll take them to the top of the page without clicking anything. Frankly I haven't noticed this arrow before you pointed it out.
See? Dieta agrees!
Mine dosen't float. Am I doing something wrong?
I wish more pages had this - anything that improves navigation without hampering usability is a-ok in my book.
nice...I want to take it into my bog...
I'm newbie
Cool widget. Just added it to my blog. Thank you so much :)
It is not floating in IE6.I placed the code in a gadget.It is floating perfectly in firefox.What should I do to make it perfect in IE?
how about a "go to bottom" button? :)
added this one on my blog
http://freepctaw.blogspot.com/
thanks...
i tried many of your widgets from here on my blogger blog... but the dont work!!
it just puts up an empty space in the sidebar... help me!!
y cannot, keep receiver error
nice widget. can it be used for multiply?
I was looking for this. Thanks a lot!
thank u..
now my blog luks cool
http://www.mobilesoftzz.co.cc
I really liked your blog. It really has a good collection of blogger widgets. I am following your blog now.
Thanks a lot.
thanks . its awesome widget. nice post. i
i want to the change the picture . how to do that?
Nice sharing. It's good info. Thanks a lot.
greeting acquaintances
thank's
busana muslim dan baju muslim
what a Nice sharing.... very good info. Thanks a lot.
Пробовал установить на свой блог, но стрелки не видно. а жаль, хороший гаджет!
Wonderful, thanks!
thanks you....
that very helpfull
thangk dude
Hi, like your "top of page" widget but cannot get it to work by clicking on the "add to blogger blog" link. I can enter the code manually but not sure where to add it? Also, just curious why you do not use the widget yourself?
Thanks for your post and work,
http://khalilinmanhattan.blogspot.com
thanks it works on Wordpress too
Great article
Thank you
As per the steps available, I have copied and pasted the code of the Floating "Top of Page" Icon Widget in my Blog. I dunno why it is not working. If you have any suggessions, please mail me at anees.611@gmail.com
Thank You....
now this is called a tool
How can I remove this from my blogger.com blog?
Can I remove this code from my blogger.com blog? Actually I want to change the image. Can someone enlighten me please?
Thanks for your information.this is helping me a lot.Please visit us here link building service
i use chrome, it doesn't work! help..
it doesn't work..could you help me?
thumbs up and very useful
thank u very much for this comment.
It doesn't work in Chrome..?
a great honor to visit your website. This article was very useful for me. thanks
its fantastic post about this.thank you very much.wonderful
its fantastic post about this.thank you very much.
wonderful post thank u widget.
thanks buddy
http://sawah-egy.blogspot.com
http://www.sawah-egy.blogspot.com
Nice post keep writing we need your help so much.........
plz add my blod to your blogroll i am so upset i am not getting any traffic.....plz...plz....plzzz...add my blog url
http://tipsntricks4blogger.blogspot.com/
Wow nice share I love it
Wow! Wow!! Wow!!!
Great! great!! great!!!
Nice! Nice!! Nice!!!
nice tips thanks
hey very interesting post
guyz check out some sizzling tips and tricks in my blog
http://3dritesh.blogspot.com
wow! thanks! This is great for my music blog. :-)
if i want to remove this floating widget then how to do it. Plz tell me and if possible plz give a place of my blog on ur blog as i am also placing your blog in my favourite site list.
Plz reply soon.
My blog is
http://allcelebs123.blogspot.com/
wonderful.this is very interesting.Thank you very much for this post
Awesome! This is a real treasure trove!!
great, thanks! ;)
cooooool man!! cant believe but it works
thanks for sharing.
hey really its nice ,,,, thxxxxx
This really works well! I'm so happy! Simply paste the HTML code in your blog description and it does the needful.
Post a Comment