Tutorial Mudah Membuat Dropdown Menu di Blogger, Wordpress, dan Website dengan JQUERY dan CSS

Ini kawan Sourcodenya tinggal di copy paste saja di blog sobat...


  <nav id='nav'>
    <ul id='menu'>
      <li><a href='/'>Home</a></li>
      <li><a href='javascript:alert(&quot;Selected Dropdown Menu, Please...&quot;)'>Tutorials</a>
<ul>
            <li><a href='http://www.download-aplikasinya.blogspot.com/search/label/bloggers'>Bloggers</a></li>
            <li><a href='http://download-aplikasinya.blogspot.com/search/label/tips%20dan%20trik'>Tips and Tricks</a></li>
            <li><a href='http://www.download-aplikasinya.blogspot.com/search/label/Video%20Tutorials'>Video Tutorials</a></li>
            <li><a href='http://www.download-aplikasinya.blogspot.com/search/label/update%20status%20facebook'>Facebook</a></li>
            <li><a href='http://www.download-aplikasinya.blogspot.com/search/label/network'>Network</a></li>
            <li><a href='http://www.download-aplikasinya.blogspot.com/search/label/web-programming'>Web Programming</a></li>
            <li><a href='http://www.download-aplikasinya.blogspot.com/search/label/internet'>Internet</a></li>
        </ul>
      </li>
      <li><a href='javascript:alert(&quot;Selected Dropdown Menu, Please...&quot;)'>Earnings</a>
<ul>
            <li><a href='http://www.download-aplikasinya.blogspot.com/search/label/adsense'>Google Adsense</a></li>
            <li><a href='http://www.download-aplikasinya.blogspot.com/search/label/youtube%20adsense'>Youtube Adsense</a></li>
            <li><a href='http://www.download-aplikasinya.blogspot.com/search/label/earnings'>Bonus</a></li>
        </ul>
      </li>
      <li><a href='javascript:alert(&quot;Selected Dropdown Menu, Please...&quot;)'>Health</a>
<ul>
            <li><a href='http://www.download-aplikasinya.blogspot.com/search/label/english%20articles'>English Articles</a></li>
        </ul>
      </li>
      <li><a href='javascript:alert(&quot;Selected Dropdown Menu, Please...&quot;)'>Sports</a>
<ul>
            <li><a href='http://www.download-aplikasinya.blogspot.com/search/label/sports'>Indonesian League</a></li>
            <li><a href='http://www.download-aplikasinya.blogspot.com/search/label/sports'>Spanish League</a></li>
            <li><a href='http://www.download-aplikasinya.blogspot.com/search/label/Schedule%20Champions%20League'>Champions League</a></li>
        </ul>
      </li>
      <li><a href='javascript:alert(&quot;Selected Dropdown Menu, Please...&quot;)'>Islam</a>
<ul>
            <li><a href='http://www.download-aplikasinya.blogspot.com/search/label/islam'>Islam News</a></li>
            <li><a href='http://www.download-aplikasinya.blogspot.com/search/label/kisah%20islami'>Islam History</a></li>
        </ul>
      </li>
      <li><a href='javascript:alert(&quot;Selected Dropdown Menu, Please...&quot;)'>Edu Art</a>
<ul>
            <li><a href='http://www.download-aplikasinya.blogspot.com/search/label/kuliah'>Kuliah</a></li>
            <li><a href='http://www.download-aplikasinya.blogspot.com/search/label/pendidikan'>Educations Articles</a></li>
        </ul>
      </li>
      <li><a href='javascript:alert(&quot;Selected Dropdown Menu, Please...&quot;)'>Downloads</a>
<ul>
            <li><a href='http://www.download-aplikasinya.blogspot.com/search/label/downloads'>Computer Apps</a></li>
            <li><a href='http://www.download-aplikasinya.blogspot.com/search/label/android'>Android Apps</a></li>
            <li><a href='http://www.download-aplikasinya.blogspot.com/search/label/downloads%20templates'>Blogger Templates</a></li>
            <li><a href='http://www.download-aplikasinya.blogspot.com/search/label/antivirus'>Antivirus</a></li>
        </ul>
      </li>
</ul>

<form action='/search' id='search-form' method='get' style='display: inline;'><input id='search-box' name='q' onblur='if(this.value==&apos;&apos;)this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value=&apos;&apos;;' type='text' value='Search...' vinput=''/> <input id='search-button' type='submit' value='Go'/></form>

  </nav>