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.

oko7r4 Insert An Emoticon/Image In The Title Of The 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....