How To Add Image in Post Title in Blogger

Here is a way to make your blog more beautiful. You can add a Image before your post's Title like I have done .But you have to remember , always try to add a small image , other wise your blog will become a mess. 60*60 will be the biggest resolution to use.

Create a Image using your Image editing software or Power Point ( Or use a image you like ) and upload it to a Image hosting site. ( For free Image hosting , use www.imageshack.us)

After creating and hosting your image,


1. Edit your template
2. Press 'Ctrl' key and 'F' and find 

b:if cond='data:post.url'

Now you will find some code lines similar to

<b:if cond='data:post.url'>

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

Now paste your image's URL with an another code line as follows

<b:if cond='data:post.url'>

<img src="Paste Your image's URL here"/>

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

Now follow the Safety Saving Steps.
And