How to Remove Feedburner Logo From Buzzboost Widget?

Feedburner Buzzboost Widget lets you display headlines of your recent comments using your RSS Feed. It is a fast loading well scripted and beautiful widget designed by FeedBurner but it has one bad side. By default the widget includes a credit at footer that says "Headlines By Feedburner" which discourages many users from using it. First of all I thought it was almost impossible to remove this but due to the promise that I had made to you guys in the last post, I tried hard and then figured out that it was not that difficult to find a way for it after I had expanded the JavaScript code used to power this widget and then this code provided me access to all the CSS IDs and classes. Lets now remove the logo "Headlines by Feedburner"

FeedBurner Recent Comments Widget

Part1: Feedburner Recent Comments Widget For Blogger

Part2: Remove Feedburner Logo From Buzzboost Widget

How it Looks?

Below is how the widget looked before in my footer and how it now looks,

Before

After

 

Note:- This might look different in your blog according to the place where you place it. In my blog, it is in the footer.

Remove FeedBurner Logo

The code for your recent comments look like this,

<script src="http://feeds.feedburner.com/mbtcomments?format=sigpro" type="text/javascript" ></script>

You just need to add the following code above the code of the Recent comments widget,

<style>
/* Removes Buzzboost Logo by www.shady1hacks.blogspot.com */
div  #creditfooter{
display: none;
}
</style>

Finally your Resulting code should look something like this:

<style>
/* Removes Buzzboost Logo by www.shady1hacks.blogspot.com */
div  #creditfooter{
display: none;
}
</style>
<script src="http://feeds.feedburner.com/mbtcomments?format=sigpro" type="text/javascript" ></script>

Save your widget and visit your blogs to see that thousand dollar worth widget working just fine.  Have Fun! :)

How it works?

Technical Side For Web Designers

The javascript that loads the widget looks contains the CSS classes and IDs for everything that appears inside Buzzboost. The JavaScript code provided by feedburner looks like the following:

And upon expansion it gives you the access to all data required to completely customize the look of the widget:

document.write("\x3cdiv class\x3d\x22feedburnerFeedBlock\x22 id\x3d\x22BurnThisRSS29e7afepqu1thh06o0bqpv4csjg\x22\x3e"); document.write("\x3cul\x3e"); document.write("\x3cli\x3e\x3cspan class\x3d\x22headline\x22\x3e\x3ca href\x3d\x22http://adsenseforfeeds.blogspot.com/2010/10/your-stats-right-away.html\x22 target\x3d\x22_blank\x22 \x3eYour stats, right away\x3c/a\x3e\x3c/span\x3e"); document.write("\x3cp class\x3d\x22date\x22\x3e10/25/2010\x3c/p\x3e"); document.write("\x3c/li\x3e"); document.write("\x3cli\x3e\x3cspan class\x3d\x22headline\x22\x3e\x3ca href\x3d\x22http://adsenseforfeeds.blogspot.com/2010/04/enabling-social-sharing-with-feedflare.html\x22 target\x3d\x22_blank\x22 \x3eEnabling social sharing with FeedFlare\x3c/a\x3e\x3c/span\x3e"); document.write("\x3cp class\x3d\x22date\x22\x3e4/23/2010\x3c/p\x3e"); document.write("\x3c/li\x3e"); document.write("\x3cli\x3e\x3cspan class\x3d\x22headline\x22\x3e\x3ca href\x3d\x22http://adsenseforfeeds.blogspot.com/2009/12/socializing-your-feed-with-twitter.html\x22 target\x3d\x22_blank\x22 \x3eSocializing your feed with Twitter\x3c/a\x3e\x3c/span\x3e"); document.write("\x3cp class\x3d\x22date\x22\x3e12/14/2009\x3c/p\x3e"); document.write("\x3c/li\x3e"); document.write("\x3c/ul\x3e"); document.write(" \x3cdiv id\x3d\x22creditfooter\x22\x3e\x3ca href\x3d\x22http://www.feedburner.com\x22 target\x3d\x22_blank\x22\x3e\x3cimg src\x3d\x22http://www.feedburner.com/fb/images/buzzboost-pwrd.gif\x22 alt\x3d\x22Headlines by FeedBurner\x22 style\x3d\x22border:0\x22/\x3e\x3c/a\x3e\x3c/div\x3e"); document.write("\x3c/div\x3e");

The credit footer ID is responsible for the appearance of the logo image in gif format which has the following URL: http://www.feedburner.com/fb/images/buzzboost-pwrd.gif

I couldn't delete this part the code as this was saved on FeedBurner's server so what I did was that I simply added display:none property to the div section to completely deactivate this function and this worked out well.

Any Questions?

Stay tuned for some amazing new custom css styling codes that will simply turn your simple Feedburner widget into a more professional looking plugin. If you have any question related to this widget then you may post a query. Peace!