Feedburner Feed Subscribe Icon Below Each Post. ~ The Blog Doctor.

Feedburner Feed Subscribe Icon Below Each Post.

New Visitor? Like what you read? Then please subscribe to my Blog Feed or sign up for Free Email Updates. Thanks for Visiting!

It is not enough just to have a blog feed and set the settings to short or full. You have to publicize it so that your readers can easily subscribe to it......

There are several methods of publicizing your blog feeds which I have outlined in Feedburner and Blog Feeds.. Here is another method which adds a Feed link directly below each of your blog posts. Any viewer of your blog after reading your blog post comes imediately upon this link and is prompted to subscribe. If sufficiently impressed by your post he/she can immediately subscribe. This obviates the need to search for the feed link elsewhere and is a handy tool to increase your subscribers. You can also easily customize the colors of this box to match the decor of your blog.

First you will have to burn your feed at Feedburner. The method to do so is outlined in Feedburner and Blog Feeds.. After burning your blog feed at feedburner.com you will have the new link for your feed which will usually take the form of :

http://feeds.feedburner.com/NAME OF BLOG

Let us call this link "YOUR BLOG FEEDBURNER LINK".

Also download one of the Feed Icons or use the one I have provided here. Just right click the icon and save it to your PC and then upload it to a freehost like Googlepages and copy down the link to the icon. Let us call this link "LINK TO FEEDBURNER ICON".

Login to Dashboard of Blogger and click on layouts of the blog you want to add the feedbox to. Then click on Edit Html tab at the top and first backup template to PC by clicking on the Download Full Template link. Then scroll down in Edit Template box till you come to Variable Definitions section. Add this code within this section :

<Variable name="footerfeedboxcolor" description="Post Footer Feedbox Color"
type="color" default="#fff" value="#ffff66">

This code will allow you to change the color of the feedbox so as to fit in the decor for your blog via the Template----->Fonts and Colors tab.

Then scroll down and add this code just above the ]]></b:skin> tag :

.footerfeedbox {
background-color: $footerfeedboxcolor;
width: 85%;
margin: 10px 14px 20px 14px;
padding: 4px;
border: 1px solid #dddddd;
text-align: center;

Save Template. This so far has just defined the physical characteristics of the feed link box. To actually implement that box on the blog check the Expand Widgets Template button on top of the Edit Template text box. Then scroll down in Edit Template text box till you come to this line in the Blog Posts widget :

<div class='post-footer'>

Add this code for the box immediately after the above line :

<div align='center'><div class='footerfeedbox'>
<a href="YOUR BLOG FEEDBURNER LINK" title="Subscribe to my feed" rel="alternate" type="application/rss+xml">
<img src='LINK TO FEEDBURNER ICON' alt="" style="border:0" />Like this article? Subscribe to the RSS feed!</a></div></div>

Replace the CAPS in the above code with the appropriate links obtained at the top of this post. Save Template. Click on Fonts and Colors tab at the top under Template tab and change the background color of the feedbox at the foot of your posts by choosing the appropriate color. See it below and at the foot of every post in this blog.

Technorati Tags:, , ,


Rick Itzkowich said...

Hi, I tried to follow the instructions on my blog and I get the following error:

Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
XML error message: Open quote is expected for attribute "style" associated with an element type "img".

Please advise. Thanks

vin said...

I have corrected the code in the post above. Just copy and paste it as advised.

Anonymous said...

thanx a lot for the article

Anonymous said...

Great stuff. I'm wondering if there's a way of adding an extra paragraph space under this, just to give a bit of breathing space between this and the "Posted By..." stuff.

vin said...


Add a <br /> or two after the code.

Anonymous said...

Thanks, Vin, it works a treat. Actually, I've just been playing around with various options. I'd like to see what the Feedburner line looks like underneath the "Posted By" (rather than above) and maybe also the "Labels" line. Is this simple or hugely complex?

vin said...

If you want to add it after the author line add it after this code :

<span class='post-author'>......</span>

If after the labels add it after :

<span class='post-labels'>......</span>

in the expanded widgets template

Anonymous said...

Lovely, thanks.

Anonymous said...

Thanks for sharing this info. It was so simple to do and worked great!

Jackson Rubem said...

Congratulations, Vin, for your blog. I am an brazilian writer and I love tu read your articls. It is excelents!

Jackson Rubem

Il Padrone said...

hey vin,

great website and article. how would you go about aligning the icon with text? i think it might just look a bit better to the eye


Il Padrone

Unknown said...

Hello Vin,
After observing all your step I found out I couldn't get my template save and this is the reply I got:

Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
XML error message: The reference to entity "current" must end with the ';' delimiter.


Skip to top of post.

Search Blog Before Commenting


Post a Comment

Please use the above search box to search this blog before posting your valuable comments.

Comments posted on Dummies Guide to Google Blogger (Beta) are moderated and will be approved only if they are on-topic and not abusive. Try not to include website URLs/links in your comments. You can email me : drbhatns at gmail dot com for any blogging question. Thanks,


The Blog Doctor The Blog Doctor2 Blog Doctor Home


Tips On Blogger and Latest News.

Skip to top of post.