Tutorial:Menu Cute ♥

 Hay por fin estoy libre ,sin nada que hacer,asi que aprovechare para publicar otro tutorial enseñare como tener un menu cute ,que es muy lindo y simple.Y ya me cree un blog de prueba,lo estaba diseñando antes de irme a la playa ,ya que estaba un rato sin nada que hacer el dia viernes,y lo diseñe pero solo avanse un poquito y hoy lo complete ,lo ise para  que vean mejor como quedan los efectos de las imagenes ,menus ,etc .

Para ver como queda el Menu Cute hacer clic en :

Vista previa

Si les gusto sigan los siguientes pasos

 Ir a Plantilla/Editar Html/ presionar Ctrl+F

Y ponen  ]]></b:skin>  

Al encontrarlo pegar el siguiente codigo antes de  ]]></b:skin>  

/* Menu Cute */
cute{
text-align:center;
font-size: 10px;
background: #FFE4E1;
padding: 2px;
float: left;
margin: 2px;
cursor: normal;
width: 45%;
-webkit-transition-duration: .80s;
border:1px dashed #FFE4E1;
color: #FFB6C1;
}
cute:hover{
font-size: 10px;
background: #AFEEEE;
border:1px solid #AFEEEE;
border-radius: 8px;
color: #fff;
-webkit-transition-duration: .80s;
letter-spacing: 1px;
}

Despues ponen guardar y se van a Diseño/Añadir gadget/HtmlJavascript
y ponen el siguiente codigo

<a href="#"><cute>NOMBRE</cute></a>
<a href="#"><cute>NOMBRE</cute></a>
<a href="#"><cute>NOMBRE</cute></a>
<a href="#"><cute>NOMBRE</cute></a>

Cambiar lo siguiente :
#:Url de la pagina
NOMBRE:Nombre de la pagina

Y eso es todo ponen guardar y listo.