Hello every one, Hope you doing well.
Today, m going to share a trick for making a beautiful drop down menu with css codes only. Since it will be in css so it will not effect your blog’s loading time.
Why to use this Menu :
There is fully css coding (No javascript)for this menu and not a single image is used in it. Menu is available in 10 different colors. and it is compatible with all browsers.
How to install this blogger drop down menu :
1. Go to your blogger dashboard.
2. Then click on layout.
3. Add a html/javascript gadget
4. paste the following code in it.
<div id=’cssmenu’>
<ul>
<li><a href=’#‘><span>Home</span></a></li>
<li class=’has-sub ‘><a href=’#‘><span>SERVICES</span></a>
<ul>
<li class=’has-sub ‘><a href=’#‘><span>services 1</span></a>
<ul>
<li><a href=’#‘><span>Sub service 1 A</span></a></li>
<li><a href=’#‘><span>Sub service 2</span></a></li>
</ul>
</li>
<li class=’has-sub ‘><a href=’#‘><span>Product </span></a>
<ul>
<li><a href=’#‘><span>Sub Product </span></a></li>
<li><a href=’#‘><span>Sub Product </span></a></li>
</ul
</li>
</ul>
</li>
<li><a href=’#‘><span>Charges</span></a></li>
<li><a href=’#‘><span>Contact us</span></a></li>
</ul>
</div>
5. Change the yellow line code with your menu name, and pink color for sub menu…you can add or delete sub menus also.
6. Now move this widget to the place where you want to show drop down list for your blog. I hope you enjoyed my this blogger trick. if you have any query feel free to ask..
7. All done.. Enjoy……..!!!!!!
Leave a Reply