Placing of Badge

you will see a html code for particular badge

copy it and paste it on your blog sidebar

Sir, follow these steps.. hopefully you will be able to add the badge on your blog.

1. From your dashboard, click on "My Badges" tab that you will find on the right side second last option, click that and you will find your badges.

2. Now click on the first badge that you want to insert into your blog. As you click on the badge photo, a HTML code piece will show up.

3. Copy the entire code and you will have to paste it into your HTML box on the sidebar of your blog. 

Indiblogger has described the steps in details both for blogger blog as well as for the wordpress blogs on the same page:

Need help inserting the code?

Blogspot Users

1. Sign in to your blogger.com dashboard.
2. Navigate to Settings > Design
3. Click on "Add a gadget" in the appropriate section of the sidebar
4. Choose the "HTML/Javascript" gadget.
5. Enter a title. Eg. "I'm an IndiBlogger".
6. Paste your IndiBlogger badge code into the "Content" section.
7. Click "Save" and then click on "Preview" to make sure everything is as it should be.

Wordpress Users

1. Sign in to your blog's dashboard.
2. Navigate to Appearance > Widgets
3. Under "Available Widgets", find the one labeled "Text" and drag it into the appropriate place in the box on the right labeled "Sidebar".
4. Enter a title. Eg. "I'm an IndiBlogger!".
5. Paste your IndiBlogger badge code into the content section.
6. Click "save", and then open your blog in a new window to see your changes.

But the sidebar is common for all posts of the blog in WordPress and top post badge is assigned for a particular blog. Hence the badge has to be placed in body of the post.