1. Login to your Blogger Account.
2. Click on your blog name.

You can see overview of your blog.
3. Click on "Template".

4. Click on "Backup / Restore" button.

"Backup / Restore" window will appear.

5. Browse your template file (XML file) and click open.

6. Finally click on "Upload" button.

You are done.

Go to "Layout" to rearrange your widgets positions correctly.