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.
- 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.
Enjoy!!!
Comments are always welcome!:)
