There is a known issue when trying to put code into blogger – it likes to insert line breaks. The code is “<br />”. Here is the fix. You will need to use the “test” version of the blogger dashboard for just this (or any post) you want to up the image map in.
(Assuming you are already logged in.)
- Go to http://draft.blogger.com/home.
- Click “Edit Posts”.
- Click the link “Edit” next to post you want to edit.
- Below the posting window, at the lower left-hand side, there is a link “Post Options,” click it. (It is small and easily missed.) A set of options will appear.
- Under the heading “Edit HTML Settings,” select “Ignore newlines.”
- Click “Publish Post.” It should be fixed.
After doing the above, you may still need to go in and delete any line break tags in your post. Delete “<br />” anywhere you see it in and around the code I sent.