How to add Drop Down Menu with Fading in Blogger
1. Login to blogger account
2. Go to Layout
3. Click Add a Widget and Select HTML/JavaScript
4. Copy code below insert it and save
Code
<link rel="stylesheet" href="https://googledrive.com/host/0B_7JWdEqBhVVR3JEa0d1c3BtSFE"/>
<nav id="nav">
<nav id='nav'> <ul class='menunav' id='navinti'> <li class='mhome'><a href='/'>Home</a></li> <li class='sub'><a href='/'>Categories</a> <ul class='sub-menu hidden'> <li class='multsub'><a href='/search/label/Windows'>Windows</a>
<ul class='sub-sub-menu hidden'>
<li><a href='/search/label/Windows XP'>Windows XP</a></li>
<li><a href='/search/label/Windows 7'>Windows 7</a></li>
<li><a href='/search/label/Windows 8'>Windows 8</a></li>
<li><a href='/search/label/Windows News'>Windows News</a></li>
</ul> </li>
<li class='multsub'><a href='/search/label/Softwares'>Softwares</a>
<ul class='sub-sub-menu hidden'>
<li><a href='/search/label/System'>System</a></li>
<li><a href='/search/label/Multimedia'>Multimedia</a></li>
<li><a href='/search/label/Customization'>Customization</a></li>
<li><a href='/search/label/Designing'>Designing</a></li>
</ul> </li>
<li class='multsub'><a href='/search/label/Blogger'>Blogger</a> <ul class='sub-sub-menu hidden'>
<li><a href='/search/label/Blogger Widgets'>Blogger Widgets</a></li>
<li><a href='/search/label/Blogger Templates'>Blogger Templates</a></li>
<li><a href='/search/label/Blogger Tweaks'>Blogger Tweaks</a></li>
<li><a href='/search/label/Blogger Tools'>Blogger Tools</a></li>
<li><a href='/search/label/Drop Down Menu'>Drop Down Menu</a></li>
<li><a href='/search/label/Social Profile Widget'>Social Profile Widgets</a></li> </ul> </li>
<li><a href='#'>More...</a></li> </ul> </li> <li><a href='http://mjntechtips.blogspot.com/p/blog-page_28.html'>Contact Us</a></li> <li class='singsub'><a href='/'>Tools</a> <ul class='sub-menu hidden'> <li><a href='http://mjntechtips.blogspot.in/p/blog-page_15.html'>HTML Editor</a></li> <li><a href='http://mjntechtips.blogspot.in/p/blog-page_20.html'>Color Code Generator </a></li> </ul>
</li>
</ul></nav>
0 comments:
Post a Comment