Tutorial: Menu 2* + VIDEO TUTORAL PASO A PASO

Holaa chicos.. hoy os traigo un tutorial ;) 

que es de poner un menu ''Cajita giratoria''.. aqui os dejo la VISTA PREVIA de uno de mis blog de pruebas ^^

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>.menul{ padding:3px; height:auto; width:auto; margin:4px 5px 0px 0px; font-family:verdana; font-size:10px; color:#65E9FD; background:#fff; text-align:center; float:center; -webkit-transition-duration: .50s; display: inline-block;padding:5px;border:3px solid #5CC6F4;}.menul:hover { padding:3px; height:auto; auto; margin:4px 5px 0px 0px; font-family:verdana; font-size:10px;color:#fff; background:#2CC9E1; text-align:center; -webkit-transform: scale(0.8) rotate(20deg); border:3px solid #fff;padding:5px;}</style><br><br><a class="menul" href="Url de la pagina">Nombre de la Pagina</a><a class="menul" href="Url de la pagina">Nombre de la Pagina</a><a class="menul" href="Url de la pagina">Nombre de la Pagina</a><a class="menul" href="Url de la pagina">Nombre de la Pagina</a><a class="menul" href="Url de la pagina">Nombre de la Pagina</a></div>

Para cambiar los colores :

#65E9FD:color de la letra 
#fff:color del fondo
#5CC6F4:color del borde
#fff:color de la letra al pasar el cursor
#2CC9E1:color del fondo al pasar el cursor
#fff:color del borde al pasar el cursor


Bueno.. creo que lo he explicado lo mejor que se puede ;)

Cualquier duda.. solo teneis que comentarmelo ;)

COMO PONER EL MENU PASO A PASO (100% POR MI) ;$

Es  mi primer Video Tutorial.. con mi voz >.<

Perdonen mis errores ;) 

Espero que en el próximo video que haga me salga mejor y pues espero por igual que os haya servido