Tutorial:Menu 4 ♥

Hola ,  Bueno con las plantillas que he echo no he podido hacer tutoriales, no pense que me ocuparia tanto tiempito ,y bueno mañana empieso con la plantilla de Freya  , y por fin les traigo un tutorial , un lindo menu . Aqui una imagen de como es :

Para verlo mejor clic en 

Vista Previa 

Si les gusto sigan los siguientes pasos :

1 .Para las Plantillas Basicas : Vallan a Diseño/Añadir un nuevo gadget/Javascript/Html

2.Para las plantillas Clasicas o Blogskins : Pegar en el sitio que deseen que este

<style>/** MENU 4 **/
@font-face {font-family: "04b03"; src: url('http://static.tumblr.com/qbzesex/2tSm7y7gy/04b_03_.ttf'); format("truetype");}
.menun {font-size: 8px; font-family: "04b03", small-fonts; text-transform: uppercase; color: #fff; background: #6AE6E0; text-shadow: 1px 1px 2px #88F3E9; text-align: center;padding: 8px; margin: 2px; width: 50px; -moz-transition: 1s ease-out; -webkit-transition: 1s ease-out; transition: 1s ease-out;border-radius: 5px;}
.menun:hover {box-shadow: inset 0px 0px 5px 15px #E1F3FF; color: #7EC1F5; text-shadow: 1px 1px 2px #eee;border:2px solid #29C5EC;}</style>

<a class="menun" href="Url de la pagina">Nombre</a>
<a class="menun" href="Url de la pagina">Nombre</a>
<a class="menun" href="Url de la pagina">Nombre</a>

Para personalizar los colores
#fff:Color de la letra
#6AE6E0:Color del fondo
#E1F3FF:Color del fondo al pasar el cursor
#7EC1F5:color de la letra
#29C5EC:color del borde
2: puedes disminuir o aumentar el tamaño del borde
solid:Puedes cambiar el borde en la forma que gustes asiendo clic aqui (Por ejemplo a dached)

Y listo le ponen guardar