CUSTOMIZE FEEDBURNER BUZZBOOST
One of the most helpful service that FeedBurner provides to its users is BuzzBoost. BuzzBoost is a simple publicity service that allows you to cross-promote the content of your feed — be it a blog, podcast or commercial newsfeed — any place where you can display HTML. For example, you can display the latest headlines from your blog on your Web site, podcast site, or on a partner site. BuzzBoost is FeedBurner’s answer to RSS-to-HTML transformation.
BuzzBoost can take many forms and be displayed anywhere you can copy and paste a short snippet of HTML.BuzzBoost is perfect for anyone who wants to use their feed content to gain exposure. As you know, more exposure can often lead to more subscribers. If you have several blogs or other sites that have their own feeds, BuzzBoost provides a simple way to cross-promote them.
If you are already making use of FeedBurner service you might already be aware of BuzzBoost also. You can also make use of BuzzBoost to show off your Recent Posts with headlines and summary. Only thing you have to do is to enable BuzzBoost and make the specifications, copy the code and paste it the place you want it to appear in your blog.
If you are not registered with FeedBurner you can register for free here
You can activate the BuzzBoost service from here.
If you use the basic options provided for you by FeedBurner the BuzzBoost will look like this.
You can always customize the display of this BuzzBoost to get it in accordance with your blog/sites color and design. BuzzBoost output is marked up with id and class attributes, providing you with plenty of options for styling your resyndicated feed using Cascading Style Sheets.
Simply copy the code provided below and paste it in your template's CSS section which normally appears before the </head> tag. Mostly, in almost all the templates which are used in Blogger network, the CSS section ends just above the code snippet/tag ]]></b:skin>.
Follow the Steps:
/* FeedBurner Resyndicator
----------------------------------------------- */
div.feedburnerFeedBlock p.date {
font-size: .88em;
display: inline;
margin-left: 10px;
}
div.feedburnerFeedBlock ul li div {
display: inline;
}
div.feedburnerFeedBlock span.headline {
font-size: .88em;
font-weight: bold;
display: block;
text-indent: 0;
}
div.feedburnerFeedBlock span.headline a {
color: #1D65B5;
}
div.feedburnerFeedBlock span.headline a:hover {
color: #669900;
}
div.feedburnerFeedBlock ul li {
margin-bottom: 3px;
padding-left: 0 !important;
text-indent: 0 !important;
}MORE ABOUT THE CSS
font-size: .88em;
display: inline;
margin-left: 10px;
}
This part makes the DATE to appear in the same line where the post summary ends.
margin-bottom: 3px;
padding-left: 0 !important;
text-indent: 0 !important;
}
This part adds some space between each post entry.
margin-bottom: 3px;
padding-left: 0 !important;
text-indent: 0 !important;
}
This part adds some space between each post entry.
"Thank You!!! You’ve reached the end of this post. Seeing you made it this far, we hope you enjoyed this post. If so, please consider leaving a comment or subscribing to the feed to have further articles deliverd to your feed reader. You can also follow me on Twitter."









