Author Message KeysKindaGirl Posted: 9/29/2010 Quote message  I can add buttons to my top menu, but would like to add subitems. For the life of me I can't figure out how to do it from inside Blogger. Can someone please help?   Endy Posted: 10/4/2010 Quote message  http://www.artisteer.com/?p=help_blogger#blogger_menu   Lilleba Posted: 11/6/2010 Quote message  Put this in a html gadget under the header, and you will have lots of possibillities :) /<style> * common styling */ .menu {font-family: arial, sans-serif; width:660px; height:100px; position:relative; margin: 0 auto; font-size:13px; z-index:100;} .menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#000;width:108px; height:20px; text-align:center; color:#fff; border:1px solid #fff; background:#710069; line-height:20px; font-size:11px; overflow:hidden;} .menu ul {padding:0; margin:0; list-style: none;} .menu ul li {float:left; position:relative;} .menu ul li ul {display: none;} /* specific to non IE browsers */ .menu ul li:hover a {color:#fff; background:#36f;} .menu ul li:hover ul {display:block; position:absolute; top:21px; left:0; width:105px;} .menu ul li:hover ul li a.hide {background:#6a3; color:#fff;} .menu ul li:hover ul li:hover a.hide {background:#6fc; color:#000;} .menu ul li:hover ul li ul {display: none;} .menu ul li:hover ul li a {display:block; background:#ddd; color:#000;} .menu ul li:hover ul li a:hover {background:#710069; color:#fff;} .menu ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;} .menu ul li:hover ul li:hover ul.left {left:-105px;} </style> <div class="menu"> <ul> <li><a class="hide" href="http://adress">LÄNK1</a> <!--[if lte IE 6]> <a href="http://adress">LÄNK1 <table><tr><td> <![endif]--> <ul> <li><a href="http://adress">UNDERLÄNK1</a></li> <li><a href="http://adress">UNDERLÄNK2</a></li> <li><a href="http://adress">UNDERLÄNK3</a></li> <li><a href="http://adress">UNDERLÄNK4</a></li> </ul> <!--[if lte IE 6]> </td></tr></table> </a> <![endif]--> </li> <li><a class="hide" href="http://adress">LÄNK2</a> <!--[if lte IE 6]> <a href="http://adress">LÄNK2 <table><tr><td> <![endif]--> <ul> <li><a href="http://adress">UNDERLÄNK1</a></li> <li><a href="http://adress">UNDERLÄNK2</a></li> <li><a href="http://adress">UNDERLÄNK3</a></li> <li><a href="http://adress">UNDERLÄNK4</a></li> </ul> <!--[if lte IE 6]> </td></tr></table> </a> <![endif]--> </li> <li><a class="hide" href="http://adress">LÄNK3</a> <!--[if lte IE 6]> <a href="http://adress">LÄNK3 <table><tr><td> <![endif]--> <ul> <li><a href="http://adress">UNDERLÄNK1</a></li> <li><a href="http://adress">UNDERLÄNK2</a></li> <li><a href="http://adress">UNDERLÄNK3</a></li> <li><a href="http://adress">UNDERLÄNK4</a></li> </ul> <!--[if lte IE 6]> </td></tr></table> </a> <![endif]--> </li> <li><a class="hide" href="http://adress">LÄNK4</a> <!--[if lte IE 6]> <a href="http://adress">LÄNK4 <table><tr><td> <![endif]--> <ul> <li><a href="http://adress">UNDERLÄNK1</a></li> <li><a href="http://adress">UNDERLÄNK2</a></li> <li><a href="http://adress">UNDERLÄNK3</a></li> <li><a href="http://adress">UNDERLÄNK4</a></li> </ul> <!--[if lte IE 6]> </td></tr></table> </a> <![endif]--> </li> <li><a class="hide" href="http://adress">LÄNK5</a> <!--[if lte IE 6]> <a href="http://adress">LÄNK5 <table><tr><td> <![endif]--> <ul> <li><a href="http://adress">UNDERLÄNK1</a></li> <li><a href="http://adress">UNDERLÄNK2</a></li> <li><a href="http://adress">UNDERLÄNK3</a></li> <li><a href="http://adress">UNDERLÄNK4</a></li> </ul> <!--[if lte IE 6]> </td></tr></table> </a> <![endif]--> </li> <li><a class="hide" href="http://adress">LÄNK6</a> <!--[if lte IE 6]> <a href="http://adress">LÄNK6 <table><tr><td> <![endif]--> <ul> <li><a href="http://adress">UNDERLÄNK1</a></li> <li><a href="http://adress">UNDERLÄNK2</a></li> <li><a href="http://adress">UNDERLÄNK3</a></li> <li><a href="http://adress">UNDERLÄNK4</a></li> </ul> <!--[if lte IE 6]> </td></tr></table> </a> <![endif]--> </li> </ul> </div>