Add Label Specific Icons Below Post Titles To Blogger

This tutorial will show you How To Add Label Specific Icons Below Post Titles In Blogger. You can add your own image, favicon or whatever you choose just before or after all your post titles.

How To Add Label Specific Icons Below Post Titles In Blogger

Go to Blogger Dashboard
Click on DropDown Menu and select Template
Backup your Template before making any changes to your blog
Now Click on Edit HTML --> Proceed --> Expand Widget Templates
Press Ctrl + F and search the code shown below

<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>

Now Paste the Code Shown Below just below/after it

<b:loop values='data:post.labels' var='label'><b:if cond='data:label.name == "YOUR LABEL"'><img src='YOUR IMAGE URL'/></b:if></b:loop>

If you want to display the icons for more than one label then use the code shown below

<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.name == "YOUR LABEL 1"'>
<img src='YOUR IMAGE URL'/></b:if>
<b:if cond='data:label.name == "YOUR LABEL 2"'>
<img src='YOUR IMAGE URL'/></b:if>
<b:if cond='data:label.name == "YOUR LABEL 3"'>
<img src='YOUR IMAGE URL'/></b:if>
<b:if cond='data:label.name == "YOUR LABEL 4"'>
<img src='YOUR IMAGE URL'/></b:if>
<b:if cond='data:label.name == "YOUR LABEL 5"'>
<img src='YOUR IMAGE URL'/> </b:if>
</b:loop>

Replace YOUR LABEL with the exact name of your label and YOUR IMAGE URL with the link of the icon you want to use

Like it? Share it.

Click to Add a New Comment

If you're asking a question click on Subscribe By Email link, on the comment form, to be notified of replies.
Do NOT add links to the body of your comment as they will not be published.
Only the comments posted in ENGLISH will be approved.
If you have a problem check first the comments , maybe you will find the solution there.

3 comments

Unknown

5 July 2012 at 05:34 Author

Bro subscribe your blog newsletter by your alternative email account, and see how’s looking your post when it’s sent to subscriber inbox. You should change your feed burner settings and also add read more option. If you don’t know how to add, so search in Google.

However, Good post, thank you for helping us by awesome tutorials :)

Anonymous

17 August 2012 at 05:26

the code dident find on my tamplate..
please help...

17 August 2012 at 09:27 Author

@Shubham Deshmane Find this code <a expr:href='data:post.url'><data:post.title/></a>