How To add Image Icon Before or After Post Titles


Login To Blogger Go To > Design > Edit HTML.

and mark the tick box "Expand Widget Templates"

Now find (CTRL+F) this code in the template.
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
If you want to add image Before post title then add below code between above 2 lines.
<img src="Your image URL here"/>

<b:if cond='data:post.url'>
<img src="Your image URL here"/>
<a expr:href='data:post.url'><data:post.title/></a>
And to show the image just After the title, add the image code after those two lines:
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<img src="Your image URL here"/>
Replace "Your image URL here" with your real image URL.
Finally save the template.

1 comments so far:

azrukhan said...

how can i show bookmark buttons below post title side to ads ,like u do,u show bookmark button & +1,tweet&fb like how to do it

Post a Comment

 
Royal Tutor © 2011 | Privacy Policy | Powered by Blogger | Back to top