Menu Vertical Grey Button

Hoy Acabo de hacer un menú muy llamativo, es gris, (uno de los colores que mas usa este blog )

es muy fácil aplicarlo a nuestro blog para poder agregarlo a nuestro blog sigan los siguientes pasos:

Vamos a Diseño/ Elementos de la página/ Añadir un Gadget/ HTML/Javascript

y pegamos el siguiente código:

<div id="menuverticalEEB">
<ul id="menueeb">
    <li><a href="#">Pagina Principal</a></li>
    <li><a href="#">Acerca del autor</a></li>
    <li><a href="#">Enlazame</a></li>
    <li><a href="#">Contactame</a></li>
</ul>
</div>
<style type="text/css">
#menueeb {
        float:left;
}
#menueeb li {
        background: url(http://i51.tinypic.com/110wwn7.png);
    margin:6px;
    padding:3px;
    border:1px solid #CCCCCC;
        width: 150px;
        text-align:center;
        font-family: Segoe UI, Arial;
        font-size: 14px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
        color:cccccc;
}
#menueeb li:hover {
        background: url(http://i48.tinypic.com/t4wk0i.png);
        border:1px solid #cccccc;
        filter:alpha(opacity=80);
        -moz-opacity: 0.8;
        opacity: 0.8;
        -khtml-opacity: 0.8;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
}
#menueeb a:hover {
        color: #000000;
        text-decoration: none;
}
#menueeb a {
       color: #000000;
</style>

 Lo que esta en rojo lo cambiamos por nuestra información.

751f8782-a3fa-4f25-b833-8e5636619ab4

1.03.01