8 Sept 2012
How To Add an Image Next to Blogger Post Title
How To Add an Image Next to Blogger Post Title
If you are using the old Blogger interface:- Go to Dashboard -
- Design -
- Edit HTML -
- Expand Widget Template (make a backup)
If you are using the new Blogger interface:
- Go to Dashboard -
- Template -
- Edit HTML -
- Proceed -
- Expand Widget Template (make a backup)
Find this and delete the following lines
- </body>
<b:includable id='post' var='post'>
<div class='post hentry'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
Paste this lines in place of the deleted line
<b:includable id='post' var='post'>
<div class='post hentry'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<table><tr>
<td class='ssybyposttitle'>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4Qm-D-LQ8V0wxv0kEPNgJIsxoYiwLBa_S9pS6D7PHMENlqqkTpDJeQm442_RvA41agNk1FL42AHAKhOSTmvMXRNMCXRY38r6HqJXxFnBO-geSzYjrcY0olu-d85t0aD9_fhkaE_ZWt9c/s1600/autobot.png
'/></td>
<td><h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</td>
</tr></table>
<style>
h3.post-title {
margin: 0px !important;
}
</style>
</b:if>
You can change the image by changing the highlighted link above .Currently we have used this image.shown Below
.png)