Insert an Icon in a Profile

In the previous article, I explain to you how to insert an icon in the left side of the title of the article. Now I will explain to the readers on how to insert an icon on the Profile in the Blog. For example you install your profile in your sidebar's blog, then you can insert an icon/picture in the profile. Similar to the previous article, this is just to make our profile look more interesting. Ok, I will explain directly


But remember! This can only be used on the new template. If you are using a classic template, you can not apply this trick. Before applying this trick, you must show your profile first blog in the sidebar. If you already show a profile, follow the steps below.

1. Log in to Blogspot with your Blogspot account.
   
2. In the Dashboard page, click on Layout.
   
3. Click Edit HTML.
   
4. Before editing, you need to backing up your template first. Click Download Full Template.
   
5. Marked on the Expand Widget Templates box.
   
6. Find the following code in your template.
   
   <b:if cond='data:aboutme != ""'>
   <dd class='profile-textblock'><data:aboutme/>
   </dd>
   </b:if>
   </dl>
   <a class='profile-link' expr:href='data:userUrl'>
   <data:viewProfileMsg/></a>
   </b:if>
   
   
7. Paste your icon HTML code like this.
   
   <b:if cond='data:aboutme != ""'>
   <dd class='profile-textblock'><data:aboutme/>
   </dd>
   </b:if>
   </dl>
   <a class='profile-link' expr:href='data:userUrl'>
   <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif'/>
   <data:viewProfileMsg/></a>
   </b:if>
   
8. Blue code is my icon HTML code.
   
9. Click Save Template.
   

Good Luck!!! Don't forget to digg it.