Join Our 1500+ Community Readers

We hate spam as much as you!

How to Modify Feedburner Buzz Boost Widget?

Adding recent posts or recent comments widget for blogger lots of scripts and codes or widgets available online, but adding it by means of Feedburner buzzboost is another way to get interact with visitors/readers very easily.

By default Feeburner recent posts or recent comments widget available with bullet list, this widget can be modified by using CSS trick with simple modification. Webmasters don’t need to work hard for modification of Feeburner buzzbosst widget. Here, BlogTariff educates you about to modify widget by using button type images with simple tips makes your widget more attractive with hover effect and visitors/readers engage on blog. Let’s begin Tutorials for modification of widget.


How to Modify Feedburner Buzzboost Widget?

Sign into your blogger account
Click on “Design (Layout in the new blogger Interface)” Page elements link tab
Select “HTML/Javascript” widget and copy the code under Step 3
Step 2
If you’ve generated code on Feedburner then follow the below step 3
Or else if you’ve generated code then crate script code

Go to Feedburner account
Click on “Publicize” and “Buzzboost”
Select number of posts to display and necessary items to display and “Save” button.
After successful pressing “Save” button Script code generated and copy that code in any Notepad.
Step 3

Copy the below code and paste in “HTML/Javascript” widget
/* Feedburner Buzzboost Widget*/

div.feedburnerFeedBlock ul li {
    background: url( no-repeat 2px;
    list-style-type: none;
    margin: 0 0 5px 0px;
    padding: 5px 5px 5px 30px !important;
    border: 1px solid #e5e5e5;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;

div.feedburnerFeedBlock ul li:hover {
    background: url( no-repeat 2px;
    border: 1px dashed #222222;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;

div.feedburnerFeedBlock ul li a:hover {
    text-decoration: none;

div  #creditfooter {
    display: none;

/* Feedburner Buzzboost Widget Style By ============= */


<script src="" type="text/javascript" ></script><noscript><p>Subscribe to RSS headline updates from: <a href=""></a><br/>Powered by FeedBurner</p> </noscript>

Save the widget and Template to preview your experiment.
That’s it you’ve done


  • Replace the above highlighted code with your Feedburner Buzzboost script code
  • If you want to add your own images then create 22x22 size button type images and replace the above code image URL with your hosted image URL.

    You May also Like Trending Posts


Mohit Gupta on January 20, 2013 at 12:25 PM said...

How to increase the limit?? it showing 10 posts...

Post a Comment

About Me

My Photo
Krishi Omli
Dedicated blogger - Always endeavor to know new things and share with others.
View my complete profile

Money Tariff

All Your Tech Needs

How to Help us?

If you feel our blogging Tutorials helped to you, then help us to spread our voice by using the below badge:-


Try a Back Links

Total Pageviews

| Blog Tariff | Blogger Tricks | Blogging Tips | SEO | Earn Money | Blogger Templates © 2009. All Rights Reserved | Template Style by Blog Tariff .com | Design by Brian Gardner | Back To Top |