Sunday, March 13, 2011

How to add image before blog post title

How to add image before blog post title


1. Log in to blogger and Go to Design >> Edit HTML

2.Click on "Expand Widget Templates"  checked

3.  Scroll down and to this code

<b:if cond='data:post.url'>
<a expr:href='data:post.url'> <data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
 
4. now paste this code between  <a expr:href='data:post.url'> and <data:post.title/>.


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

*Replace with  YOUR-IMAGE-URL Use correct image URL

5. Now save your template you are done.

7 comments:

  1. this worked perfect. how do I add some padding after the image?

    ReplyDelete
  2. I'd like to know how to add an icon for a specific post, related to which labels i use. sort of like a category

    ReplyDelete
  3. i did not get this code phrase in my template..

    ReplyDelete
    Replies
    1. First, try to find blue color tag.
      You will get it.

      Delete
  4. I want to ask something to you, How to Make a image of post appears on below of title post

    ReplyDelete