DEMO
You can see my blog post titles
How To Add Icon Picture Image Before/After/Next To Blogger Post Titles
- Go to Blogger Dashboard
- Click on DropDown Menu and select Template
- Backup your Template before making any changes to your blog
- Now Click on Edit HTML --> Proceed --> Expand Widget Templates
- Press Ctrl + F and search the code shown below
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<a expr:href='data:post.url'><data:post.title/></a>
- Now to show the image, just before the title, add the image code as shown below
<b:if cond='data:post.url'>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmVt_fGD_tSWsSL5wOwVrZ37ocMQ8Gps5klQIyJFS6J7k9l2kk73D2oUl6v81qn3rB9O443GCFeIacslff7CnaZbznRAoxvv-h-5m1cpWQ-ws_GmQjcv_3uIvH-twFTPz57aMzqQXE260/s320/post-image.gif'/>
<a expr:href='data:post.url'><data:post.title/></a>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmVt_fGD_tSWsSL5wOwVrZ37ocMQ8Gps5klQIyJFS6J7k9l2kk73D2oUl6v81qn3rB9O443GCFeIacslff7CnaZbznRAoxvv-h-5m1cpWQ-ws_GmQjcv_3uIvH-twFTPz57aMzqQXE260/s320/post-image.gif'/>
<a expr:href='data:post.url'><data:post.title/></a>
- And to show the image just after the title, add the image code as shown below
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmVt_fGD_tSWsSL5wOwVrZ37ocMQ8Gps5klQIyJFS6J7k9l2kk73D2oUl6v81qn3rB9O443GCFeIacslff7CnaZbznRAoxvv-h-5m1cpWQ-ws_GmQjcv_3uIvH-twFTPz57aMzqQXE260/s320/post-image.gif'/>
<a expr:href='data:post.url'><data:post.title/></a>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmVt_fGD_tSWsSL5wOwVrZ37ocMQ8Gps5klQIyJFS6J7k9l2kk73D2oUl6v81qn3rB9O443GCFeIacslff7CnaZbznRAoxvv-h-5m1cpWQ-ws_GmQjcv_3uIvH-twFTPz57aMzqQXE260/s320/post-image.gif'/>
- Now save your template
Like it? Share it.
7 comments
Nice.
How would you do it depending on the label.
For example.
Say I have a post about Blogger, I would add the label Blogger to the post. I would then like to have a Blogger Icon next to the title.
If I had a Wordpress Post I would add the label Wordpress label and would want to add a Wordpress icon next to the title.
Any ideas?
@Sharon Seymour The image link code which you add between the template as i said above dont add it there,instead add that code in title section of post when you write a post of particular post you want to show image as this
<img src='http://3.bp.blogspot.com/-L5o5h_5w4Es/T9RWLvRCihI/AAAAAAAAA_U/ZaZLvs3Niyc/s320/post-image.gif'/> YOUR POST TITLE
Sonu.
Yes I understand that.
But how do to post different images depending on the LABEL?
eg
if label = Blogger then
img src="bloggerlogo.jpg"
else if label = "Wordpress" then
img src="wordpresslogo.jpg"
end if
I've now idea how to do that.
@Sharon Seymour That's not possible.
@sonu
Ah ok, that's a shame.
Thanks anyway
try this code: http://bloggerstop.net/2010/01/show-label-specific-icons-below-post.html
Maybe This Helps..:)
great Post!!
Click to Add a New Comment