Add Image In Blog Post Title

Do you want your blog logo or image of yourself to be displayed before or after every blog post title? You can now easily claim your blog by showing off your fellow blogger friends with your own image in every blog posts of your blog.

 

 

NOTE : DOWNLOAD YOUR FULL TEMPLATE AND SAVE IT SO THAT YOU CAN GET BACK YOUR ORGINAL TEMPLATE IF SOMETHING GOES WRONG WHILE EDITING YOUR TEMPLATE.

 

 

STEP WISE INSTRUCTION TO ADD IMAGE BEFORE BLOGGER BLOG POSTS

 

Log in to your Blogger Account

 

Go to Layout >=> Edit HTML

 

Mark On Expand Widget Templates Box

 

Press (CTRL+A) Select All

 

Press (CTRL+C) Copy

 

OPEN NOTEPAD

 

Press (CTRL+V) paste

 

Press (CTRL+F) and search below given code in the template:

 

 

<b:if cond='data:post.url'>

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

<b:else/>

<data:post.title/>

</b:if>

 

 

Now you have to add below given code.

 

 

<img src="http://www.bloglism.jpg" style="border-width: 0px;" />

 

 

Please change the whole code in red with your own image Url so that you can show picture before title of your blog post title. I would suggest you to upload your image in various free image hosting sites with unlimited bandwidth.

You Might Also Like :