Search This Blog

Friday, July 17, 2009

Floating Icons BUTTONS on Blog[see the corners]

Get the three floating icons as on this Blog [in the corners]

This would drastically help visitors on your subpages to easily head to your main page or subscribe your rss or even get back to top if your blog post is to long
these icons being floating on the browser catch the visitor's attention easily , following more clicks on the icons.
You first need to add this code in a html/javascript anywhere on your Blog
the code goes as follows

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"><img src="http://www.wj.com.au/pageimage/top.gif"/></a>

<a style="display:scroll;position:fixed;top:5px;right:5px;" href="http://feeds2.feedburner.com/widgetBlogger" title="Subscribe RSS"><img src="http://aux.iconpedia.net/uploads/1674674503.png"/></a>

<a style="display:scroll;position:fixed;top:5px;left:5px;" href="http://www.widgetBlogger.co.cc" title="GO to HOME"><img src="http://www.mintothed.com/images/home_icon_link.jpg"/></a>

,.The first paragraph of code is for the floating "back to top" dont edit it
the second paragraph of code is for you RSS feed ; edit the highlighted portion with you feed
URL
I use Feedburner [Know About feedburner here]
Anyway your default feed would be
http://YourAwesomeBlogHere.blogspot.com/feeds/posts/default?alt=rss
and
http://www.YourAwesomeBlogHere.com/feeds/posts/default?alt=rss

Third paragraph is for "Home" edit the highlighted portion in 3rd para with your Blog URL

That's it you got your army of floating icons to make your visitors get to the things you want them to see.