How to Add Icon beside Post Title?

How to Add Icon besides the title of the Post – You must know how to make your blog cool and here is a cool way. How about adding your blog’s icon besides your post title? 

• First create your icon image and upload it. You can only upload image files to your Blogger blog. These can only be uploaded through your blog posts. To do this Login to Dashboard and click on "New Post". The Post Editor will open. In the top frame of the Post Editor just mouseover all the icons. This will show the tooltips and click on the square bluish icon (Add Image). The upload Image dialog box opens. Click Browse under Add an image from your computer to choose the picture file on your PC. Click on file to highlight it and then click Open. You can also add an image from the web. Paste the URL of your image in the URL text box under "Or add an image from the web". 

• Now replace LINK OF YOUR IMAGE with your link in the following code.

<img src="LINK OF YOUR IMAGE" style="border-width:0px" /> 

• Save it as YOUR CODE.
• Login to blogger using your ID
• Click Design
• Click the Edit HTML tab
• Do the back up for yout template first by clicking Download Full Template
• Now find the following code with Ctrl + F

<b:includable id='post' var='post'>
<div class='post hentry'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>

• And then add YOUR CODE after the last line of the above code. 
• Done! Preview it before saving.