Display Labels Below Every Post in Blogger

Labels are beautiful way to categorize your blogger posts. Labels are very good way to let user see your older posts from the same label. Today you will learn how to display labels below every post in blogger.

Adding Labels Below Posts in Blogger

1. Login to blogger account
2. Go to Template > Edit HTML
3. Now in the blogger template editor search for  <data:post.body/>
4. Just below paste this code :
   
   

   <style>.post-labels {
   float:left;
   font-size:14px;
   color:#555
   }
   .post-labels a {
   color:#111
   text-decoration:none;
   }
   .post-labels a {
   text-decoration:undeline;
   }</style><span class='post-labels'> Posted in <b:if cond='data:post.labels'>
             <b:loop values='data:post.labels' var='label'>
               <a expr:href='data:label.url + &quot;?&amp;max-results=10&quot;' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
             </b:loop>
           </b:if> </span>

5. Now click save .

Make sure you have added labels to your individual posts using the post settings tab in post editor,
This will show labels below every post.

Hope you enjoyed this tutorial.