Namecheap & Hostgator May 2012 Maximum Discount Coupon Code.

iBlognet

Bluehost Web Hosting

Add RSS Link To Blogger Labels And Categorize Them

by Sahil Umatia

Blogger RSS LabelIf you are a blogger user you might be using the label feature in the blog post. You can you those labels to create cloud tags, categories or breadcrumbs. If you add some customization to those labels they are of great use to the readers. You can add an RSS subscription link to each labels you use in your blog post so that the reader can subscribe to those labels in a RSS reader. This will be helpful to increase your blog readership. Adding an RSS link to each label is damn easy. Just follow the steps below:

1. Login to your Blogger account > Dashboard > Design > Edit HTML > Tick the Expand Widget

2. Search for

<b:loop values=’data:labels’ var=’label’>
<li>
<b:if cond=’data:blog.url == data:label.url’>
<span expr:dir=’data:blog.languageDirection’><data:label.name/></span>
<b:else/>
<a expr:dir=’data:blog.languageDirection’ expr:href=’data:label.url’><data:label.name/></a>
</b:if>
<span dir=’ltr’/>
</li>
</b:loop>

3. And replace the whole code with the below one:

<b:loop values=’data:labels’ var=’label’><div>

<a expr:href=’data:blog.homepageUrl + “feeds/posts/default/-/” + data:label.name’><img alt=”Blogger RSS Label” alt=’Subscribe’ src=’http://www.feedburner.com/fb/images/pub/feed-icon16x16.png‘ style=’vertical-align:middle;border:0′/></a>

<b:if cond=’data:blog.url == data:label.url’>
<span expr:dir=’data:blog.languageDirection’><data:label.name/></span>
<b:else/>
<a expr:dir=’data:blog.languageDirection’ expr:href=’data:label.url’><data:label.name/></a>
</b:if>
<span dir=’ltr’/>
</div>

</b:loop>

4. And Save the Template.

5. Now go to > Dashboard > Design > Page Elements

If you are already using the labels as cloud tag then remove that widget and add a new label widget again.

6. Keep the settings of the widget as shown below and save the widget. That’s it you’re done.

Blogger RSS Label

7. You can change the icon look by changing the link in green color in the code by following image link:

Blogger RSS Label http://3.bp.blogspot.com/_woF4ZcLg8AA/TROVv_-S09I/AAAAAAAAAcU/gd1QSMHaIyA/s1600/rss_icon_glass_red12.PNG
Blogger RSS Labelhttp://3.bp.blogspot.com/_woF4ZcLg8AA/TROVwumLRlI/AAAAAAAAAcY/1k5ISIAu6L8/s1600/rss_icon_glass12.PNG
Blogger RSS Labelhttp://2.bp.blogspot.com/_woF4ZcLg8AA/TROVxQ3t8NI/AAAAAAAAAcc/jide82sBOg8/s1600/rss_icon_glass_black12.PNG
Blogger RSS Labelhttp://1.bp.blogspot.com/_woF4ZcLg8AA/TROVx_uNL1I/AAAAAAAAAcg/_lq6uM8Pf_I/s1600/rss_icon_glass_blue12.PNG
Blogger RSS Labelhttp://4.bp.blogspot.com/_woF4ZcLg8AA/TROVyQPwTII/AAAAAAAAAck/xj6EqR7ixtk/s1600/rss_icon_glass_brown12.PNG
Blogger RSS Label http://4.bp.blogspot.com/_woF4ZcLg8AA/TROVy_wr1FI/AAAAAAAAAco/3dR5caG0w-0/s1600/rss_icon_glass_gray12.PNG

You can get more RSS icons by searching google images for “RSS” of sizes 16×16.

Article by »


Sahil is the founder and editor of iBlognet. He is a freelance writer on topics related to Website Optimization (SEO), Blogging, and Tech. He is also specializes in SEO, HTML, CSS and Photoshop.


Sahil has written 259 articles on iBlognet


Author Connect »iBlognet | |Twitter |Facebook |

{ 0 comments… add one now }

Leave a Comment

Previous post:

Next post: