How to add image map on wordpress post

I was touring my heir to post an image map on wordpress. and the solution I came up is like this……

<div style=”text-align:center; width:548px; margin-left:auto; margin-right:auto;”>

<img id=”Image-Maps_xxx” src=”http://www.yourimagesource.com/image.jpg/or what ever” usemap=”#Image-Maps_xxx” border=”0″ width=”548″ height=”245″ alt=”” />

<map id=”_Image-Maps_xxx” name=”Image-Maps_xxx”>

Now create the map on image by any imagemap editor in my case i have used dreamweaver……..

<area shape=”rect” coords=”327,203,541,240″ href=”link u want to make” alt=”” title=”” />

</map>

<!– Image map text links – Start – If you donotwish to have text links under your image map, you can move or delete this DIV –>

<div style=”text-align:center; font-size:12px; font-family:verdana; margin-left:auto; margin-right:auto; width:548px;”></div>

<!– Image map text links – End – –>

</div>

and that’s it

image map by rezaur image map by rezaur

2 thoughts on “How to add image map on wordpress post”

  1. Outstanding! When something works, just reinforce it,right? Point out how well everything went when they chose a certain action and how if they choose that again they can have a similar result. but i dont understand why the viewpoint changed drastically.

  2. i still dont know whether i agree with you on this one or not. but its good arumentative post.

Comments are closed.