Membuat Menu Blogspot edisi 3 CSS3 animated dropdown menu

Menu Blogspot edisi 3 CSS3 animated dropdown menu untuk screenshotnya lihat gambar dibawah ini :

Coding :
-------------------------------------------------------
<link href='https://sites.google.com/site/oyotcsscss/lemarioyotcss/styleoyoteds3.css' rel='stylesheet'/>

<script type="text/javascript">
           $(function() {
if ($.browser.msie && $.browser.version.substr(0,1)<7)
{
    $('li').has('ul').mouseover(function(){
        $(this).children('ul').css('visibility','visible');
        }).mouseout(function(){
        $(this).children('ul').css('visibility','hidden');
        })
}
});
        </script>

<ul id="menu">
    <li><a href="http://wongnewbie.blogspot.com">Home</a></li>
    <li>
        <a href="http://wongnewbie.blogspot.com">Categories</a>
        <ul>
            <li><a href="http://wongnewbie.blogspot.com">CSS</a></li>
            <li><a href="http://wongnewbie.blogspot.com">Graphic design</a></li>
            <li><a href="http://wongnewbie.blogspot.com">Development tools</a></li>
            <li><a href="http://wongnewbie.blogspot.com">Web design</a></li>
        </ul>
    </li>
    <li><a href="#">Work</a></li>
    <li><a href="#">About</a></li>
    <li><a href="#">Contact</a></li>
</ul>
Cara Memasang Coding Menu :
-------------------------------------------------------
Loging ke bloger dulu kemudian pilih layout Kemudian klick add gadget: