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 #.

JOIN US TODAY! with How To Learn Blog

Please note before commenting on this page.
1. Don't comment as for advertisement purpose.
2. Don't hyperlink your website inside comment box.
3. Abuses are strictly prohibited.
4. If necessary, you can post the only URL without any text hyperlink. ConversionConversion EmoticonEmoticon