Live Demo Blue Tabbed Drop Down Menu Style 19

Demo Blue Tabbed Drop Down Menu Style  19

• Home
• Blogger
• SEO Service
• Contact WebExpert

If It's your choice Now Adding the Widget in your blog Layout:-

Go to Blog Title → Layout → Add Widget → HTML/JavaScript. Paste the below code.

 <style type="text/css">@import url(http://fonts.googleapis.com/css?family=Capriola);/* Let's import the lovely google font,please keep this line at the top of your stylesheet *//* Menu CSS */#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a{padding:0;margin:0;line-height:1;font-family:'Capriola',sans-serif}#cssmenu:before,#cssmenu:after,#cssmenu > ul:before,#cssmenu > ul:after{content:'';display:table}#cssmenu:after,#cssmenu > ul:after{clear:both}#cssmenu{zoom:1;height:69px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-Vh4F_8l-oZWj3J5XcKbhsY5q3b0bcFu5PtszAUO1PhP6ENsB3viN1fO0ZdEgiDsQn27XgmaGKPd-Yy_hG3ds3gFwxQmjrU-jIrkt7tGPQmvBtYEsrCYV5wayDT-CX1kWoNhPaZri5swx/s1600/bottom-bg.png) repeat-x center bottom;border-radius:2px;width:auto}#cssmenu ul{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhf48mw5JKwYxDBsxXHsWUQvJDZhW0HHh6dt7KGqSPCmYA5E68AQGYyQIKwHw-IDKh1dYDsHqzSco8s4V0x6gvLgW_MhwWMExM6LciaqbS3ZzrDhrU3o22GkU8XYyF1EkGq3en8ZRsqal9u/s1600/nav-bg.png) repeat-x 0 4px;height:69px}#cssmenu ul li{float:left;list-style:none}#cssmenu ul li a{display:block;height:37px;padding:22px 30px 0;margin:4px 2px 0;border-radius:2px 2px 0 0;text-decoration:none;font-size:15px;color:white;text-shadow:0 1px 1px rgba(0,0,0,0.75);font-weight:400;opacity:.9}#cssmenu ul li:first-child a{margin:4px 2px 0 0}#cssmenu ul li a:hover,#cssmenu ul li.active a{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTvqTx1CQCCQK9wmpvq0z_0Y3UVNC_3HrBqpqhVEFz-S7pFXOk3oL1A3bmp4-PZmog31d5omxwJWHJIdH05df_YM11luw_SKuN-RjZnEuLbUOYAa-XG6zU24qFh2RIQgA_E_dQWjDb32lk/s1600/color.png) center bottom;display:block;height:37px;margin-top:0;padding-top:26px;color:#004f7c;text-shadow:0 1px 1px rgba(255,255,255,0.55);opacity:1}</style><a href="http://webexpertseotipscms.blogspot.com/" rel="dofollow" target="_blank" title="Drop Down Menus"><img src="https://bitly.com/24workpng1" alt="Drop Down Menus" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://webexpertseotipscms.blogspot.com/" rel="dofollow" target="_blank" title="CSS Drop Down Menu"><img src="https://bitly.com/24workpng1" alt="CSS Drop Down Menu" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://webexpertseotipscms.blogspot.com/" rel="dofollow" target="_blank" title="Pure CSS Dropdown Menu"><img src="https://bitly.com/24workpng1" alt="Pure CSS Dropdown Menu" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><!-- Dont edit this CSS Drop Down Menu code or it will not work --> <!-- customize your menus Links --> <div id="cssmenu"> <ul> <li class="active"><a href="index.html"><span>Home</span></a></li> <li><a href="#"><span>Products</span></a></li> <li><a href="#"><span>About</span></a></li> <li class="last"><a href="#"><span>Contact</span></a></li> </ul> </div>