Stylish Black Drop-down Menu-Bar for Blogger

Stylish Black Drop-down Menu-Bar for Website, Wordpress and Blogger

CLICK HERE TO SEE DEMO
Hello web designer and developers, here I am sharing a good looking stylish menu bar for your website, Blogger and Wordpress. To setup this menu-bar, you have to only follow these steps. You can easily setup this drop-down menu bar in few minutes. This menu-bar is responsive and SEO friendly. 

Setup step of menu-bar:

Step 1: Open your website or blog with HTML editor or on notepad.
Step 2: Find this code <head> tag.
Step 3: Put below code  just after <head> tag.
<link href="http://unitedcolleges.mobie.in/cssmenu/stylishblack/styles.css" rel="stylesheet"/>
Step 4: To copy this code click here.
Step 5: Save your website template or blog.
Step 6: Edit these codes with your page links and paste above/below header on website. If you have doubt then paste this where you want show your menu-bar.
<div id='cssmenu'>
<ul>
   <li><a href='#'><span>Home</span></a></li>
   <li class='active has-sub'><a href='#'><span>Products</span></a>
      <ul>
         <li class='has-sub'><a href='#'><span>Product 1</span></a>
            <ul>
               <li><a href='#'><span>Sub Product</span></a></li>
               <li class='last'><a href='#'><span>Sub Product</span></a></li>
            </ul>
         </li>
         <li class='has-sub'><a href='#'><span>Product 2</span></a>
            <ul>
               <li><a href='#'><span>Sub Product</span></a></li>
               <li class='last'><a href='#'><span>Sub Product</span></a></li>
            </ul>
         </li>
      </ul>
   </li>
   <li><a href='#'><span>About</span></a></li>
   <li class='last'><a href='#'><span>Contact</span></a></li>
</ul>
</div>
Step 7: To copy above code click here.
Step 7: Put your links at the place of #.