Remove Feedburner Logo From Buzzboost Widget

Friday, July 13, 2012 0 comments

Remove Feedburner Logo

The Feedburner code for recent posts looks similar like this:


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

 

The code for your recent comments look like this,

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

You just need to add the following code above the code of either Recent posts or Recent comments (you don't need to add it twice),

<style>

/* Removes Buzzboost Logo (MBT) */

div  #creditfooter{
display: none;
}

</style>

 

The Resulting code should look something like this:

<style>

/* Removes Buzzboost Logo (MBT) */

div  #creditfooter{
display: none;
}

</style>

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

 

Save your widget and visit your blogs to see it working just fine.  Have Fun! :)

How it works?

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 requeired to completely customize the look of the widget:

document.write("x3cdiv classx3dx22feedburnerFeedBlockx22 idx3dx22BurnThisRSS29e7afepqu1thh06o0bqpv4csjgx22x3e"); document.write("x3culx3e"); document.write("x3clix3ex3cspan classx3dx22headlinex22x3ex3ca hrefx3dx22http://adsenseforfeeds.blogspot.com/2010/10/your-stats-right-away.htmlx22 targetx3dx22_blankx22 x3eYour stats, right awayx3c/ax3ex3c/spanx3e"); document.write("x3cp classx3dx22datex22x3e10/25/2010x3c/px3e"); document.write("x3c/lix3e"); document.write("x3clix3ex3cspan classx3dx22headlinex22x3ex3ca hrefx3dx22http://adsenseforfeeds.blogspot.com/2010/04/enabling-social-sharing-with-feedflare.htmlx22 targetx3dx22_blankx22 x3eEnabling social sharing with FeedFlarex3c/ax3ex3c/spanx3e"); document.write("x3cp classx3dx22datex22x3e4/23/2010x3c/px3e"); document.write("x3c/lix3e"); document.write("x3clix3ex3cspan classx3dx22headlinex22x3ex3ca hrefx3dx22http://adsenseforfeeds.blogspot.com/2009/12/socializing-your-feed-with-twitter.htmlx22 targetx3dx22_blankx22 x3eSocializing your feed with Twitterx3c/ax3ex3c/spanx3e"); document.write("x3cp classx3dx22datex22x3e12/14/2009x3c/px3e"); document.write("x3c/lix3e"); document.write("x3c/ulx3e"); document.write(" x3cdiv idx3dx22creditfooterx22x3ex3ca hrefx3dx22http://www.feedburner.comx22 targetx3dx22_blankx22x3ex3cimg srcx3dx22http://www.feedburner.com/fb/images/buzzboost-pwrd.gifx22 altx3dx22Headlines by FeedBurnerx22 stylex3dx22border:0x22/x3ex3c/ax3ex3c/divx3e"); document.write("x3c/divx3e");

 

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 simple added the display none property to completely deactivate this div section and this worked well.

Stay tuned for some amazing new custom styling tricks that will turn Feedburner into a much more professional looking plugin.

Source: http://www.mybloggertricks.com/2011/12/remove-feedburner-logo-from-buzzboost.html
Share this article :

Post a Comment

 
Copyright © 2012. Blogger Tips For Beginners - All Rights Reserved
The information is compiled from various sources on the internet