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

This website uses cookies.