Insert An Emoticon/Image In The Title Of The Post

In this post, I will tell you how to add an image in the title of blog post in Blogspot. Let’s give a “touch” of color to your titles, to make the titles of your posts much more colorful. It’s very simple to do, Just follow these steps.

How to insert an image in title of blog post

  • Go to your blogger “Layout“.
  • Now Go to “Edit html“, then select “Expand Widget Templates“. Be sure to backup your template by cliking on “Download Full Template“.
  • Now Press “CTRL+F” from your keyboard and search the following code.
    <b:if cond=’data:post.url’>:
    <a expr:href=’data:post.url’>:<data:post.title/>:</a>:

  • Just replace the above code with this code:
    <b:if cond=’data:post.url’>:<img src=”Your Image Url Here” />:
    <a expr:href=’data:post.url’>:<data:post.title/>:</a>:

    That would be left to the icon at the beginning of the title of the post, but if you want the image / emoticon remain at the end of the entry, then you should replace the code for this:

    <b:if cond=’data:post.url’>
    <a expr:href=’data:post.url’><data:post.title/><img src=”Your Image Url” /></a>

    Don’t forget to replace Red text with your image url.

  • Now Save your template

And it is ready, it would write entries in their respective emoticon / image at the beginning or end of the title. I hope you will implement it and find it useful.

Comments are always welcome!:)

Related Posts:

It's very calm over here, why not leave a comment?

Leave a Comment

Stay Connected

This service is free. Get up-to-date information directly to your email. Your email address is safe with us.

social RSS Feed Twitter Facebook Google


Avi Singh, the editor-in-chief of Avitricks Group, persuing B.Tech in Information Technology from India. He has been on Internet for many years now....