How to make a drop down menu with images for blogger page

Say hello to the new mouseover drop down menu. This is a slight modification of the simple dropdown menu tutorial here. To add images simply set up the dropdown menu as described in his post and then add images in front of the text. this will look great on your blogspot or other blog. So for example:

each <li> </li> contains a single menu element. Here is one example.

<li><a
onmouseover="mopen('m3')"
onmouseout="mclosetime()" href="#"><img src="MAIN IMAGE" height="60" />MENU NAME</a>
<div id="m3"
onmouseover="mcancelclosetime()"
onmouseout="mclosetime()">
<a href="YOUR LINK 1"><img src="IMAGE 1 LOCATION" height="30" />LINK1 NAME </a>
<a href="YOUR LINK 2"><img src="IMAGE 2 LOCATION" height="30" />LINK2 NAME </a>
</div>
</li>

If any of this is unclear shoot me an email or comment and I will clarify.

Bonus question! how do I quote HTML in a post without having it be used.
replace, in this order,
"&" with "& amp;"
"<" with "& lt;"
">" with "& gt;"

but remove the spaces i am showing in the quotes

Add a share this post on facebook link to your blog.