How to add image beside post titles in blogspot or blogger?

How to add image beside post titles in blogspot or blogger?

If you observe the post titles in my blog, each post title starts with one image looks like below,

To add images like this for each of the posts in your blog all you need to do is to just follow the below steps.
  • Create a light wait image of your favourite choice.
  • Make sure that the logo/image format and name end with .icoEx File name : mylogo.ico
  • Now upload it to a photo or file hosting site ex : Yahoo Geocities http://www.geocities.com/krishnaspage/mylogo.ico
  • Once your icon is accessible outside go to Dashboard in your blog
  • Dashboard->Layout->Edit HTML> Check the expand Widget Templates
  • Back up the existint template
  • Now start editing HTML code
  • Fine the below line
<a expr:href='data:post.url'><data:post.title/></a>

  • change the above line to look like below
<a expr:href='data:post.url'>
<img src='URL of your image' style='border: 0; margin: 0; padding: 0;'/> &#160;
<data:post.title/></a>

once you changed this save the template and preview it. Now you should be able to see the images besdie your post titles.


0 comments to "How to add image beside post titles in blogspot or blogger?"

Post a Comment

Who ever writes Inappropriate/Vulgar comments to context, generally want to be anonymous …So I hope U r not the one like that?
For lazy logs u can at least use Name/URL option which don’t even require any sign-in, good thing is that it can accept your lovely nick name also and URL is not mandatory too.
Thanks for your patience
~Krishna(I love "Transparency")
వీలయితే నాల్గు పోస్టులు ...కుదురితే ఒక కామెంటూ ...

Translate

Enter your email address:

Buffs ...

Visitors


hits counter
View My StatsCheck Google Page Rank

Add to Google Reader or Homepage

Bookmark and Share

Tags


Powered by WidgetsForFree

Archives