Drop Down Subscription Box or Widget

Everybody knows the imprtance of Rss feeds.So its better to give the readers an option to subscribe to your feeds in their favourite Rss Reader..

Here in this blog you can see a Drop Down Subscription box on the left.Here is how i implemented it..

Goto your Blogger Template>Edit Html and find

body {

and place the following code just above it..

/* http://www.bloggerplugins.org--- Dropdown Subscription Box
*/
.img0 { width: 83px; height: 17px; margin-left : 1.5em;margin-bottom : .6em;background: url("http://simpletricksblog.googlepages.com/rss.jpg"); cursor:hand;cursor:pointer;}
.img1 { width: 83px; height: 17px; margin-left : 1.5em;margin-bottom : .6em; background: url("http://simpletricksblog.googlepages.com/addgoogle.gif"); cursor:hand;cursor:pointer;}
.img2 { width: 83px; height: 17px; margin-left : 1.5em;margin-bottom : .6em; background: url("http://us.i1.yimg.com/us.yimg.com/i/us/my/addtomyyahoo4.gif"); cursor:hand;cursor:pointer;}
.img3 { width: 83px; height: 17px; margin-left : 1.5em;margin-bottom : .6em; background: url("http://www.netvibes.com/img/add2netvibes.gif "); }
.img4 { width: 83px; height: 17px; margin-left : 1.5em;margin-bottom : .6em; background: url("http://simpletricksblog.googlepages.com/rss-bloglines.gif "); cursor:hand;cursor:pointer;}
.img5 { width: 83px; height: 17px; margin-left : 1.5em;margin-bottom : .6em; background: url("http://www.newsgator.com/images/ngsub1.gif ");cursor:hand;cursor:pointer; }
.img6 { width: 83px; height: 17px; margin-left : 1.5em;margin-bottom : .6em; background: url("http://simpletricksblog.googlepages.com/addmymsn.gif ");cursor:hand;cursor:pointer; }
.img7 { width: 83px; height: 17px; margin-left : 1.5em;margin-bottom : .6em; background: url("http://simpletricksblog.googlepages.com/addrojo.gif "); cursor:hand;cursor:pointer;}
.img8 { width: 83px; height: 17px; margin-left : 1.5em;margin-bottom : .6em; background: url("http://simpletricksblog.googlepages.com/addmyaol.gif "); cursor:hand;cursor:pointer;}
.img9 { width: 83px; height: 17px; margin-left : 1.5em;margin-bottom : .6em; background: url("http://simpletricksblog.googlepages.com/addfeedlounge.gif "); cursor:hand;cursor:pointer;}
.img10 { width: 83px; height: 17px; margin-left : 1.5em;margin-bottom : .6em; background: url("http://simpletricksblog.googlepages.com/addnewsburst.gif ");cursor:hand;cursor:pointer; }
/* End Simple Tricks Coding */

(it not necessary to put it exactly above body { but i mentioned it to avoid confusion.)

Now add the following widget to your blog.(The widget will work only if you have done the template edit mentioned above)

Note: If you are reading this in a Feed Reader the widget installer wont be displayed.So visit the actual article on the site to install the widget.

Become a Fan

21 comments: Add Comment

Giagbytes said...: I have enabled smartfeed in feedburner which make the feed compatible with visitors' feed reader application.; October 13, 2007 11:38 AM
Shubham ~NeO~ said...: Hey Bro Ur Just Awesome .. Gr8 Tricks Keep Comign On Ur Blog .. I'm A Fan Of Urs .. Can U Help me Out With 2 Things..

(1) I Searched Ur Blog But Didn't Saw Any Add Recent Posts Widget Which U Use On Ur Home Page Pls Share info About That ...

(2) Next U Helped Me get Bookmark Buttons On Footer But U Removed SOme Bcos Not Enough Room .. Can U Now Plss Add Them All Bcos I Have Disabled Bordering Thanx !!!; November 2, 2007 11:27 AM
Blogger Plugins said...: @subham.. check out my latest posts.. i have included the recent post and comments widgets.

For getting the other bookmarking buttons,you can copy out the <a expr: .......></a> tag of the corresponding bookmarking icon..; November 25, 2007 5:27 PM
Lakshmi the Great said...: cool post dude..; November 27, 2007 12:03 PM
Blogger Plugins said...: @Lakshmi

Thanks...

Hope to see you frequently around here..; November 27, 2007 12:10 PM
Angie said...: Woo-Hoo! Thanks! It works!!; January 7, 2008 11:50 PM
Manolete said...: The images are not shown on IE 6.0 but in Firefox it works fine on Firefox 2.0; January 16, 2008 12:41 AM
Qwickset said...: Worked like a charm.
Thanks again Aneesh.; February 19, 2008 8:56 PM
Blogger Plugins said...: thanks for trying out the widget.The problem with this widget is that it will be empty when images are disabled..; February 19, 2008 11:00 PM
Shube said...: To get the pointer hand to show up on each entry, add "cursor:hand;cursor:pointer;" at the end of each image like so:
.img0 { width: 83px; height: 17px; margin-left : 1.5em;margin-bottom : .6em;background: url("http://simpletricksblog.googlepages.com/rss.jpg");cursor:hand;cursor:pointer;}

Thanks for the great idea.; February 23, 2008 8:34 AM
Blogger Plugins said...: thanks shube for that piece of information.. i have added that feature now..I am now working on a javascript based dropdown subscription box.; June 27, 2008 5:38 AM
KRYTON said...: Can you kindly let me lnow how do i create a drop down as in http://bloggerindraft.blogspot.com/ sidebar?; July 7, 2008 8:36 PM
Blogger Plugins said...: you can get them by adding the Subscription Links (New!) widgets from your Blogger Layout Page..; July 7, 2008 10:39 PM
iamdownloader.com said...: the images wont show up in IE and Google Chrome.
except in Firefox.

Please help.; February 15, 2009 4:17 PM
putri-kecil said...: Thank....i put it my new blog.; April 21, 2009 7:17 PM
Anonymous said...: very nice thanks

www.tips-tricks-tweaks-tech.blogspot.com; August 2, 2009 6:17 PM
asia said...: wow great..thanks; February 20, 2010 8:06 AM
Abhishek Cool Abhi said...: Very nice.
i have added it on my blog cool abhi home which contains lots of fun and games, sms , downloads..; March 3, 2010 1:11 PM
Hidden Man said...: cant find
body { man; May 14, 2010 1:44 PM
Sonu khrab said...: wer is prew?; August 23, 2010 8:06 PM
Anand Pathak said...: nice one!; June 28, 2011 3:53 PM