Drop Down Subscription Box or Widget

Drop Down Subscription Box or Widget

Aneesh (noreply@blogger.com), Oct 12, 2007 13:06:00 GMT


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://simple Tricks.blogspot.com --- Dropdown Subscription Box


*/


.img0 { width: 83px; height: 17px; margin-left : 1.5em;margin-bottom :

.6em;background: url

("http://simpletricksblog.googlepages.com/rss.jpg"); }


.img1 { width: 83px; height: 17px; margin-left : 1.5em;margin-bottom :

.6em; background: url

("http://simpletricksblog.googlepages.com/addgoogle.gif"); }


.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"); }


.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 "); }


.img5 { width: 83px; height: 17px; margin-left : 1.5em;margin-bottom :

.6em; background: url("http://www.newsgator.com/images/ngsub1.gif "); }


.img6 { width: 83px; height: 17px; margin-left : 1.5em;margin-bottom :

.6em; background: url

("http://simpletricksblog.googlepages.com/addmymsn.gif "); }


.img7 { width: 83px; height: 17px; margin-left : 1.5em;margin-bottom :

.6em; background: url

("http://simpletricksblog.googlepages.com/addrojo.gif "); }


.img8 { width: 83px; height: 17px; margin-left : 1.5em;margin-bottom :

.6em; background: url

("http://simpletricksblog.googlepages.com/addmyaol.gif "); }


.img9 { width: 83px; height: 17px; margin-left : 1.5em;margin-bottom :

.6em; background: url

("http://simpletricksblog.googlepages.com/addfeedlounge.gif "); }


.img10 { width: 83px; height: 17px; margin-left : 1.5em;margin-bottom :

.6em; background: url

("http://simpletricksblog.googlepages.com/addnewsburst.gif "); }


/* 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)

Link