--> Remove Feedburner Logo From Buzzboost Widget | Experience Lab - Online business creation and development guide for bloggers and startups

Remove Feedburner Logo From Buzzboost Widget

Feedburner Buzzboost Widget lets you display headlines of your recent posts or recent comments using your RSS Feed. It republishes your Fe...

remove feedburner logo from buzzboostFeedburner Buzzboost Widget lets you display headlines of your recent posts or recent comments using your RSS Feed. It republishes your Feed as HTML. By default the widget includes a credit at footer that says "Headlines By Feedburner" It was not that difficult to find a way for it after I expanded the JavaScript code and this code provided access to all CSS IDs and classes. Our next post would be on how to completely customize the appearance of buzzboost by editing the default styles. We will learn also in detail on how to change the bullet style, font size and colors etc. Lets now remove the logo "Headlines by Feedburner"

Before:

buzzboost with logo

 

After:

buzzboost without logo

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 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 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.

COMMENTS

Name

Affiliate Marketing,12,Announcement,34,Bing,9,Bitcoin,38,blog,7,Blogger Resources,42,Blogger Templates,4,blogger tricks,156,Blogging ethics,70,Blogging tips,198,Bugs and Errors,34,Business,9,Copyright Violation,9,CSS and HTMLTricks,95,Designs,8,drop down menu,7,eBook,12,Email Marketing,7,Events,30,Facebook,30,Facebook tricks,49,Google,157,Google AdSense,42,Google Analytics,7,Google Plus,51,Google Plus Tricks,38,Guest Posts,112,home,2,How To,77,Internet,1,JSON Feeds,25,Kitchen Recipes,2,Label Based Sitemap Themes,1,Make Money Online,108,Marketing,16,MBT Blogger Templates,7,Menus,1,News,146,Pages,1,Posts,10,presentations,15,Responsive,10,Reviews,7,SEO,307,Settings,6,Shortcode,15,Sitemap Themes,1,Social Media,155,Technology,7,Templates,1,Tips,2,Tools,1,Traffic Tips,80,Video,19,Web Designing,62,web hosting,18,Webmaster Tools,97,Widgets,199,wordpress,26,
ltr
item
Experience Lab - Online business creation and development guide for bloggers and startups: Remove Feedburner Logo From Buzzboost Widget
Remove Feedburner Logo From Buzzboost Widget
http://lh3.ggpht.com/-8WPVtCVMJU4/TtpAxQxLKrI/AAAAAAAAFfI/B3tjD1o4MUA/image%25255B9%25255D.png?imgmax=800
http://lh3.ggpht.com/-8WPVtCVMJU4/TtpAxQxLKrI/AAAAAAAAFfI/B3tjD1o4MUA/s72-c/image%25255B9%25255D.png?imgmax=800
Experience Lab - Online business creation and development guide for bloggers and startups
https://www.experiencelab.info/2011/12/remove-feedburner-logo-from-buzzboost.html
https://www.experiencelab.info/
https://www.experiencelab.info/
https://www.experiencelab.info/2011/12/remove-feedburner-logo-from-buzzboost.html
true
2959477579779989044
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS PREMIUM CONTENT IS LOCKED STEP 1: Share. STEP 2: Click the link you shared to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy