Styling Rss Buzz in Css Code on Bloggers sidebar.

Home » Rss Feed » Styling Rss Buzz in Css Code on Bloggers sidebar.

Styling Rss Buzz in Css Code on Bloggers sidebar.

Thank you readers/visitors for visiting my blog this time .

On this tutorial,I will show you to style Rss Buzz feed from css code & hide rssfeed credit footer in very simple method,by simply copy & paste to your blog sidebars html widget.

Make sure you already set up your google rss feed to your blog .
Or you can submit your blog or website to Google RssFeedburner Here .
Or visit here for more tutorials,how to submit your blog or website to Google RssFeed Burner.

Just follow this few easy steps to get your Rss Buzz Feed done.

You can view demo :

First, You need to sign in your blogger account

Go to your blogger Layout .

Click to Add gadget on your sidebar & choose html widget.

Copy css code provided below and paste into you blog sidebar.

<style>
div.feedburnerFeedBlock ul li {background: none; 
list-style-type: none; 
margin:0 0 5px 0px; 
padding:5px 5px 5px 10px !important; 
border: 1px  dotted #FDC45A; 
border-radius:8px; 
-moz-border-radius:8px; 
-webkit-border-radius:8px;
}
div.feedburnerFeedBlock ul li:hover { 
 background:#B8A984; 
}
div.feedburnerFeedBlock ul li a{ 
color:#000000; 
text-decoration:none; 
}
div.feedburnerFeedBlock ul li a:hover { 
color:#FDC45A; 
font-weight:bold;
text-decoration:none; 
}
div  #creditfooter{ 
display:none; 
}
</style>
<script src="http://feeds.feedburner.com/<b><span style="color: red;">Place Your Rssfeed Here</span></b>?format=sigpro" type="text/javascript" ></script><noscript><p>Subscribe to RSS headline updates from: <a href="http://feeds.feedburner.com/<b><span style="color: red;">Place Your Rssfeed Here</span></b>"></a><br/>Powered by FeedBurner</p> </noscript>

To make changes in coloring code (e.g #000000), you can go here to color generator tool
Change Place Your Rssfeed Here to your own rss feed url / link