Sponsor

Tuesday, March 22, 2016

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

 
Back to Top