|
Every Maps-of-War animation provides special HTML “embed” code so that you can show it on your own website, blog, or MySpace page.
The code looks like this:
<object width="600" height="400"><param name="movie" value="http://www.mapsofwar.com/images/EMPIRE17.swf"></param><embed src="http://www.mapsofwar.com/images/EMPIRE17.swf" type="application/x-shockwave-flash" width="600" height="400"></embed></object>
Key Characteristics:
* width and height
* location
* name
To embed a specific map on your own site, you must copy all of the “embed code” (located below each map) and paste it into the HTML of your site (anywhere between the <body></body> tags).
Example:
If the map is too big to fit on your site, you can adjust its width and height by modifying the “width” and “height” tags. Just change the embed code to reflect the new values, and the map will automatically adjust itself!
Example:
Original Code:
<object width="600" height="400"><param name="movie" value="http://www.mapsofwar.com/images/EMPIRE17.swf"></param><embed src="http://www.mapsofwar.com/images/EMPIRE17.swf" type="application/x-shockwave-flash" width="600" height="400"></embed></object>
Modified Code:
<object width="400" height="266"><param name="movie" value="http://www.mapsofwar.com/images/EMPIRE17.swf"></param><embed src="http://www.mapsofwar.com/images/EMPIRE17.swf" type="application/x-shockwave-flash" width="400" height="266"></embed></object>
As you can see above, the height of this map was changed to 400 and its width changed to 266 so that it fits proportionately into a 400 x 300 space (average size of a blog entry).
Yes. Sometimes the embed code will not fit perfectly into every site, especially the <object></object> tag. If this happens, you must delete these two tags from the code:
<object width="600" height="400">
</object>
Example:
Old:
<object width="600" height="400"><param name="movie" value="http://www.mapsofwar.com/images/EMPIRE17.swf"></param><embed src="http://www.mapsofwar.com/images/EMPIRE17.swf" type="application/x-shockwave-flash" width="600" height="400"></embed></object>
New:
<param name="movie" value="http://www.mapsofwar.com/images/EMPIRE17.swf"></param><embed src="http://www.mapsofwar.com/images/EMPIRE17.swf" type="application/x-shockwave-flash" width="400" height="266"></embed>
After you delete these tags, reinsert the new code into your website.
Save your changes, and problem solved! |
