STYLISH HORIZONTAL MENUBAR WIDGET

We all know that a creating a stylish menu bar is how important for a web site or blog site and it’s helpful for your readers to navigate your blog pages, posts. So we going to take a tutorial about-how to make stylish horizontal menu widget for blogger .The following are the easy steps to add this stylish horizontal menu widget for blogger

• Login in to Blogger Dashboard 
•  Then Click “Add Gadget” 
• After that select Gadget “Add Gadget” again and select “HTML/Javascript”
•  copy This HTML to Add gadget

<style type="text/css"> #ddblueblockmenu{ border: 1px solid #000000; /*Main Border Color */ border-bottom-width: 0; width: 100%; } #ddblueblockmenu ul{ margin: 0; padding: 0; list-style-type: none; font: normal 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif; } #ddblueblockmenu a{ display: block; padding: 3px 0; padding-left: 9px; width: 94%; /*94% minus all left/right paddings and margins*/ text-decoration: none; color: #ffffff; /* Menu Font Color */ background-color: #2175bc; /*Menu background Color */ border-bottom: 1px solid #90bade; /*Bottom border color */ border-left: 7px solid #1958b7; /*Left border color */ list-style-type:none; } * html #ddblueblockmenu a{ /*IE only */ width: 94%; /*IE 5*/ width: 94%; /*94% minus all left/right paddings and margins*/ } #ddblueblockmenu a:hover { background-color: #2586d7; /*Menu background Color On Hover*/ border-left-color: #1c64d1; /*Left border color On Hover*/ } #ddblueblockmenu div.menutitle{ color: #ffffff; /* Title Font Color */ border-bottom: 1px solid black; padding: 1px 0; padding-left: 5px; background-color: #000000; /*Menu Tite Background Color*/ font: bold 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif; } </style> <div id="ddblueblockmenu"> <div class="menutitle"> Browse</div> <ul> <ul> <li><a href="Link1</a></li> <li><a href="Link2</a></li> <li><a href="Link 3</a></li> <li><a href="#4">Link 4</a></li> <li><a href="http://Insecurespot.blogspot.com">Get This widget</a></li> </ul> </ul> </div>

• If you enjoyed this article and helped little bit let know us via comments.