Home   Best Sellers   Blogging   Coding & Design   Technology   SEO   Travel & living   Career   Videos   Tips   Online tools     
Home  »     »     »     »     »  How to add labels on top of blogger posts

How to add labels on top of blogger posts

Friday, May 25, 2012

How to add labels or tags on top of blogger posts

To add label on top of Your blogger posts do the following steps:

Step1: Click on the edit template option

Step2: Go to edit HTML and check the expand widget option

Step3: find for the following code in the template source code

<b:include data='post' name='post'/>

Step4: copy and paste the following code snippet just above the above mentioned code

<!--tag code start-->
<font style='background:transparent url(http://3.bp.blogspot.com/_rKG-ziTSNUQ/TLeraxpOcoI/AAAAAAAABww/yVGb8J9bvJI/s1600/icon_tags.png) no-repeat scroll top left;padding-left:25px;font-size:14px;font-weight:bold'> <b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'><a expr:href='data:label.url + "?max-results=8"' rel='tag'><data:label.name/></a><!--<b:if cond='data:label.isLast != "true"'>|</b:if>--> | </b:loop></b:if><a href="http://www.crozoom.com" target="_blank" >Latest Posts</a></font>
<!--tag code start end-->

If you want to put the label just below the post, then put the above block of code just after

<b:include data='post' name='post'/>

step5: click on Save Template

step6: reload Your blog

Share this!

How to link to this page?
If you wish to link to this page from your website, simply Copy and paste the above HTML code to your web page. It will appear on your page as:
How to add labels on top of blogger posts.

comments powered by Disqus

This Weeks 7 Popular Posts

Subscribe to Recent Posts by Email
Stay connected to CROZOOM with regular Email notices of new Techie articles and IT Jobs. Updates will be delivered to your Inbox as soon as they are posted online.

Enter Your Email Address:  

Delivered by FeedBurner   RSS Feed

Search this Blog   

Urgent Openings for PHP trainees, Andriod / IOS developers and PHP developers in Kochi Trivandrum Calicut and Bangalore. Please Send Your updated resumes to recruit.vo@gmail.com   Read more »