Live Demo Tabbed Chrome and Blue Drop Down Menu Style 20

Demo Tabbed Chrome and Blue Drop Down Menu Style  20

• Home
• Blogger
• webexpert Service
• SEO Service
• About Us
• Contact Us

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">#cssmenu{float:left;width:100%;background:#efefef;font-size:93%;line-height:normal;border-bottom:1px solid #666}#cssmenu ul{margin:0;padding:10px 10px 0 50px;list-style:none}#cssmenu li{display:inline;margin:0;padding:0}#cssmenu a{float:left;background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicXf44dcxROHA4VVezyo4X4SEe0o2pFNuf_8GkVY90Y_8xck5lt3I_o_PDjpeAfPF9pq8rxvK9b0C-vPX_7WwCXLCUt2f01UJUT-eFsR9QHH3noKK67-gD8h5pA-UZ4oO2QKpYhnRI7fXw/s1600/tableftf.gif') no-repeat left top;margin:0;padding:0 0 0 4px;text-decoration:none}#cssmenu a span{float:left;display:block;background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPLj0H0I5L-4jI_bC4Y7fpC_fRcGJ-ZwFYLjCtFkDG4BvrWyxD1my9hBhO367QAW9Y5sEnalmr-xr2KpGnd5zTKQYh9dR9aDhnhQyB3QPTe56dHycqU7k4g4EMejrJLPOf544g8LN-McX3/s1600/tabrightf.gif') no-repeat right top;padding:5px 15px 4px 6px;color:#666}/* Commented Backslash Hack hides rule from IE5-Mac */#cssmenu a span{float:none}/* End IE5-Mac hack */#cssmenu .active a span,#cssmenu a:hover span{color:#FFF}#cssmenu .active a,#cssmenu a:hover{background-position:0 -42px}#cssmenu .active a span,#cssmenu a:hover span{background-position:100% -42px}</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>