CSS Menu Widget with RSS Feed list

This widget contains two part.The CSS part and the HTML part.You should copy the CSS part in the head section of your blog and HTML part in the body section of your blog.


CSS Code:

<style type="text/css">
.feed_menu {
font-family: verdana;
font-size: 11px;
font-weight: normal;
color:#000;
}
.feed_menu a {
text-decoration: underline ! important;
color: #3a64c3 ! important;
}
.feed_menu ul {
padding: 0;
margin: 0;
display: block;
}
.feed_menu li {
list-style-type: none;
position: relative;
text-align: left;
padding: 5px;
}
.feed_menu li a{
position: relative;
text-align: left;
padding-left:110px;
display:block;
height:17px;
color: #3a64c3;
font-family: verdana;
font-size: 11px;
font-weight: normal;
}
.feed_menu {
background-color: #fff;
border-top: 1px solid #999;
border-right: 3px solid #999;
border-bottom: 3px solid #999;
border-left: 1px solid #999;
padding:10px;
font-family: verdana;
font-size: 11px;
font-weight: normal;
color:#000;
width:260px;
}
</style>

HTML code:

<div class='feed_menu'>
    <b>Subscribe Options</b>
    <hr/>
    <ul>

      <li>
        <a href='http://feeds.feedburner.com/Bloganol' style='background:url(http://images6.theimagehosting.com/albums/33936/xml.th.gif) top left no-repeat;'><span>Subscribe to RSS feed</span></a>
      </li>

      <li>
        <a href='http://add.my.yahoo.com/rss?url=http://feeds.feedburner.com/Bloganol' style='background:url(http://images6.theimagehosting.com/albums/33936/yahoo.th.gif) top left no-repeat;'><span>Add to My Yahoo</span></a>
      </li>

      <li>
        <a href='http://www.newsgator.com/ngs/subscriber/subext.aspx?url=http://feeds.feedburner.com/Bloganol' style='background:url(http://images6.theimagehosting.com/albums/33936/newsgator.th.gif) top left no-repeat;'><span>Subscribe in NewsGator</span></a>
      </li>

      <li>
        <a href='http://feeds.my.aol.com/add.jsp?url=http://feeds.feedburner.com/Bloganol' style='background:url(http://images6.theimagehosting.com/albums/33936/myaol.th.gif) top left no-repeat;'><span>Add to My AOL</span></a>
      </li>

      <li>
        <a href='http://www.bloglines.com/sub/http://feeds.feedburner.com/Bloganol' style='background:url(http://images6.theimagehosting.com/albums/33936/bloglines.th.gif) top left no-repeat;'><span>Subscribe with Bloglines</span></a>
      </li>

      <li>
        <a href='http://www.netvibes.com/subscribe.php?url=http://feeds.feedburner.com/Bloganol' style='background:url(http://images6.theimagehosting.com/albums/33936/netvibes.th.gif) top left no-repeat;'><span>Add to netvibes</span></a>
      </li>


      <li>
        <a href='http://fusion.google.com/add?feedurl=http://feeds.feedburner.com/Bloganol' style='background:url(http://images6.theimagehosting.com/albums/33936/google.th.gif) top left no-repeat;'><span>Add to Google</span></a>
      </li>

    </ul>
  </div>