Many New widgets and customization tricks and tips released or created on daily basis around the globe but there are some unique one which you can use on your professional looking blog and they wil not disturbe your blog performance at any cost.Every blogger wishes that his blog looks more professional and is fully compatible with the visitors. So here I am today to introduce such a widget that will help your visitors to understand the post more easily that is called specific post icon that can be changed with every single label you have on your blog and you can change it every time you want and they will automatialy showoff when you use the specific stated label.
STEP #1:
Log in to Blogger, go to Template -> Edit HTML and cheak the"Expand Widget Templates"
STEP #2
Find (CTRL+F) this code in the template:
<div class='post-header-line-1'/>
BELOW/AFTER it, paste this code:
<!--Blogging-heaven-specific-post-icon-Starts--!>
<b:loop values='data:post.labels' var='label'><b:if cond='data:label.name == "Label name as it is#1"'><a href='Image Url' target='_blank'><img alt='Created By Blogging-Heaven' border='0' src='Image Url'/></a></b:if><b:if cond='data:label.name == "Label name as it is#2"'><a href='Image Url' target='_blank'><img alt='Created By Blogging-Heaven' border='0' src='Image Url'/></a></b:if><b:if cond='data:label.name == "Label name as it is#3"'><a href='Image Url' target='_blank'><img alt='Created By Blogging-Heaven' border='0' src='Image Url'/></a></b:if><b:if cond='data:label.name == "Label name as it is#4"'><a href='Image Url' target='_blank'><img alt='Created By Blogging-Heaven' border='0' src='Image Url'/></a></b:if>
</b:loop><!--Blogging-heaven-specific-post-icon-End--!>
Add the code if you want to add more labels just above </b:if>
<b:if cond='data:label.name == "Label name as it is#5"'><a href='Image Url' target='_blank'><img alt='Created By Blogging-Heaven' border='0' src='Image Url'/></a>
- Change Blue Colour with the image url
- Change the Red colour with the label name as it is
- You have to enter the image url twice for one label
From The Author`s Desk > > > >
You can add this one if you own a blog with multiple niches cuz this can give your blog a sleek new look .The Image file with 60x60px will work perfect for this cuz it will also not effect your blog load speed cuz this is in the post header area.Anyways so let me know is there any problem in the code or is there any new look you can give it i will really appreciate your comments .Stay blessed.