Barra de menu para Blogger

Hay infinitas aplicaciones para Blogger, una de la mas utilizada y practica es la barra de menu para Blogger, vendria a ser ago asi para los que no sabeis lo que es.

Po eso aqui os voy a enseñar como hacer una, es tan simple como ir a Diseño > Elementos Blog > Añadir un nuevo Gadget, una vez alli solo tienes que copiar el siguiente codigo:

<style>#MainMenu <br /><br />{<br /><br />height:27px;<br /><br />background: #FFFFFF;<br /><br />margin:0;<br /><br />border-style: solid;<br /><br />border-color:#9AB6D2;<br /><br />border-top-width:0;<br /><br />border-right-width:0;<br /><br />border-bottom-width:3px;<br /><br />border-left-width:0;<br /><br />}<br /><br />#tab <br /><br />{<br /><br />margin:0;<br /><br />top:0;<br /><br />}<br /><br />#tab ul <br /><br />{<br /><br />margin:0;<br /><br />padding:0;<br /><br />list-style:none;<br /><br />float:left;<br /><br />}<br /><br />#tab li <br /><br />{<br /><br />display:inline;<br /><br />float:left;<br /><br />margin:0 1px 0 0 ;<br /><br />padding:0;<br /><br />}<br /><br />#tab a <br /><br />{<br /><br />background: url("http://img222.imageshack.us/img222/461/bright115ow7.gif") no-repeat right top;<br /><br />margin:0;<br /><br />padding:0;<br /><br />text-decoration:none;<br /><br />border:0;<br /><br />display:block;<br /><br />float:left;<br /><br />}<br /><br />#tab a span <br /><br />{<br /><br />display:block;<br /><br />background:url("http://img233.imageshack.us/img233/1986/bleft115rc5.gif") no-repeat left top;<br /><br />padding:0 22px 0 22px;<br /><br />font-family:Arial, Helvetica, sans-serif;<br /><br />font-size:11;<br /><br />color:#FFFFFF;<br /><br />font-weight:bold;<br /><br />line-height:27px;<br /><br />}<br /><br />#tab a:hover,#tab li.item_active a <br /><br />{<br /><br />background-position:right bottom;<br /><br />border-color:;<br /><br />}<br /><br />#tab a:hover span,#tab li.item_active a span <br /><br />{<br /><br />background-position:left bottom;<br /><br />color:#016599;<br /><br />font-weight:bold;<br /><br />font-style:normal;<br /><br />text-decoration:none;<br /><br />}<br /><br />.dropmenudiv<br /><br />{<br /><br />position:absolute;<br /><br />top:0;<br /><br />float:left;<br /><br />display:block;<br /><br />visibility:hidden;<br /><br />border-style: solid;<br /><br />border-color:#9AB6D2;<br /><br />border-top-width:0;<br /><br />border-right-width:0;<br /><br />border-bottom-width:3px;<br /><br />border-left-width:0;<br /><br />background: #FFFFFF;<br /><br />color:#FFFFFF;<br /><br />z-index:100;<br /><br />text-decoration:none;<br /><br />padding:0;<br /><br />}<br /><br />.dropmenudiv ul <br /><br />{<br /><br />margin:0;<br /><br />padding:0;<br /><br />list-style:none;<br /><br />}<br /><br />.dropmenudiv li <br /><br />{<br /><br />display:inline;<br /><br />margin:0;<br /><br />padding:0;<br /><br />}<br /><br />.dropmenudiv a:link, .dropmenudiv a:visited<br /><br />{<br /><br />width:180px;<br /><br />margin:0 1px 0 0 ;<br /><br />padding:0;<br /><br />display:block;<br /><br />border:0 solid ;<br /><br />color:#FFFFFF;<br /><br />background:url("http://img233.imageshack.us/img233/1986/bleft115rc5.gif") no-repeat left top;<br /><br />font-weight:bold;<br /><br />font-style:normal;<br /><br />text-decoration:none;<br /><br />}<br /><br />.dropmenudiv a span <br /><br />{<br /><br />float:left;<br /><br />display:block;<br /><br />line-height:27px;<br /><br />background:url("http://img222.imageshack.us/img222/461/bright115ow7.gif") no-repeat right top;<br /><br />padding:0 22px 0 22px;<br /><br />font-family:Arial, Helvetica, sans-serif;<br /><br />font-size:11;<br /><br />color:#FFFFFF;<br /><br />}<br /><br />.dropmenudiv a span <br /><br />{<br /><br />float:none;<br /><br />}<br /><br />.dropmenudiv a:hover<br /><br />{<br /><br />border:0 solid ;<br /><br />background-position:left bottom;<br /><br />font-weight:bold;<br /><br />font-style:normal;<br /><br />text-decoration:none;<br /><br />color:#016599;<br /><br />}<br /><br />.dropmenudiv a:hover span <br /><br />{<br /><br />background-position:right bottom;<br /><br />color:#016599;<br /><br />font-weight:bold;<br /><br />}<br /><br /><br /><br /></style><br /><br /><div id="MainMenu"><br /><br /><div id="tab"><br /><br /><ul><br /><br /><li class="item_active"><a href="http://www.ayudanteblogger.blogspot.com"><span>Inicio</span></a></li><br /><br /><li><a href="http://www.ayudanteblogger.blogspot.com"><span>Colabora</span></a></li><br /><br /><li><a href="http://www.ayudanteblogger.blogspot.com"><span>Contacta</span></a></li><br /><br /><li><a href="http://www.ayudanteblogger.blogspot.com"><span>Sobre mi</span></a></li><br /><br /></ul><br /><br /></div><br /><br /></div>
Obviamente, donde pone http://www.ayudablogger.org/ lo cambias por tu web, o simplemente por el link al que va ir.
Tambien debereis saber que se puede hacer desde Izzymenu, mero desde aqui es mas facil... es vuestra decision.