1 ADD AN IMAGE/ICON/ANIMATION BEFORE BLOG POST TITLE.

To begin with this tutorial,you should have your image's address ready by searching for some cool images on the net.
You might also like to use an image on your desktop or phone,but don't know how to go about this,all you have to do is sign up to some image hosting websites on the net,then upload your image & get the link.

Here are some nice image hosting websites

IMAGE HOST

POST IMAGE

PHOTO BUCKET

Just a few to mention.Like I said above,register to any of these sites>>upload your pics and get the link/url usually in .jpg , .png , &.gif formats.

Back to the main issue.

On getting the link to your image,paste it in the html code below,and save it somewhere.
<img src="YOUR-IMAGE-URL-HERE" style="border-width:0px"/>

HOW TO IMPLEMENT THIS

Login to your Blogger Account and go to Design >> Edit HTML.[Backup your template in case something goes wrong.] and
Check the box next to
Expand Widget Template.

Search for <b:if cond='data:post.url'> in your template,by pressing CTRL+F.
On getting that code,just place the html you saved above directly BELOW/AFTER to get something like this
<b:if cond='data:post.url'> <img src="YOUR-IMAGE-URL-HERE" style="border-width:0px"/>

Preview your blog to ensure there are no errors,then Save your template.NOTE:-In case you couldn't get a small image to use,you can add the image-size-command by simply putting a WIDTH="50" HEIGHT="50" before the closing tag of the image above.Change the "50" above to anything.

Posted in: Blog hacks and tricks,Blogging tips