Insert Mini Icon at Label

You can insert labels in the icon on our blog, so it looks more sweet and more interesting. But this can only be used on the new template. To insert the icon on the label, you must have a small image that has been Uploaded to the hosting. For example, this is the URL of my image.

http://icons.iconarchive.com/icons/rokey/eicodesign/folder-apple-with-file-icon.jpg


To show it through HTML code, we add the HTML code to the URL, so it becomes like this.


<img src="http://icons.iconarchive.com/icons/rokey/eicodesign/folder-apple-with-file-icon.jpg"/>

So that the image appears on the label, follow the steps below.

1. Log in to Blogger.
   
2. Go to Layout.
   
3. Click Edit HTML.
   
4. Backup your template. Click Download Full Template.
   
5. After backup, find similar code as below.
   
   <a expr:href='data:label.url'>
   
   <data:label.name/>
   
   &#160; (<data:label.count/>)</a>
   
   
6. If you have found, paste the HTML code of your icon as below.
   
   <a expr:href='data:label.url'>
   <img src="http://icons.iconarchive.com/icons/rokey/eicodesign/folder-apple-with-file-icon.jpg"/>
   <data:label.name/>
   &#160; (<data:label.count/>)</a>
   
   
   
7. Then save your template.
   
8. Finished.
   

If you insert the code, each label on your blog will have a mini icon. Ok, happy trying!!!