Click 'Choose File' to upload your image. Then click 'Start Mapping Your Image' and your image will load to the site.
Click 'Select Rectangle' to start mapping your image.
Move and resize the rectangle to fit over where you'd like your link to be clickable. For instance, I want people to be able to click anywhere on the word 'home' to take them to my homepage, so I make my rectangle to cover just that word. In the 'Link for this map' blank, enter where you want this link to take them. Obviously for this one, I would enter my homepage URL. Click 'Save' and continue to do this for your entire image.
Click 'Get Your Code'
Select 'HTML Code' to get the proper code to implement in your Layout page. You see that big long code there? That just combined all over your images and their links and set the boundaries for each one all in one simple code. That means one simple gadget on your Layout page. So now all you have to do is go to your Blogger dashboard and click 'Layout' and then 'Add Gadget'
Enter your copied code into the new gadget and click 'Save'. Move your gadget on your Layout page to where you would like it to be and Boom! You are done! Now you have one neat little gadget on your Layout which clears clutter and confusion and you can always change it later without messing with the code. Just go on back to Image Map to edit. Hope this makes things a little easier for ya, it was a lifesaver for me!