How to Add an Image to the Post Title of your Blog

We love to keep special identification marks in our blogs that make us unique. While some use certain HTML signatures at the end of the post, some use names of their blog to every post title. What if you could be more unique about it? If I tell you that you can add a photo to every post title of your blogger, I am not exactly joking. You sure can do it. Here is how.

Uplod a Photo

1. Get an image or photo that best describes your blog or personality, or maybe your own photo.
2. Resize the photo as you wish. I recommend 25/25 pixels.
3. Upload the image or photo to image hosting sites such as TinyPic or PhotoBucket.
4. Copy the image URL. We will need it soon.
   

Method

1. Log in To you blogger account
2. In the Dashboard, go to Layout, backup the template and start editing.
3. Find the following code using Ctrl+F:
   

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

4. Replace it with the following:
   

   <a expr:href=’data:post.url’>
   <img src=’URL of your image’ style=’border: 0; margin: 0; padding: 0;’/>
   <data:post.title/></a>

5. Preview the template, you will surely see your photo before your post title. Save and Exit safely. Done.

[via:coolbusteratyourservice.blogspot.com]