Tutorial:Menu Blueberry ♥

Ola nuevamente ,ya regrese y traigo un tutorial de menu llamado Blueberry y dare los creditos al final de este hermoso menu,aqui les dejo una muestra como se ve ,para verlo mejor haz clic en :

Vista Previa

para continuar clic en "seguir leyendo "

Al pasar el cursor cambia de forma y color n.n

Si te gusta sige los pasitos:

Ir a Plantilla/Editar HTML

Presionamos Ctrl+F buscamos </style> y ensima pegamos el siguiente codigo

blueberry{

color: #fff;
text-align:center;
font-size: 11px;
background: #FFA9A9 ;
padding: 2px;
float: left;
margin: 2px;
cursor: help;
width: 45%;
-webkit-transition-duration: .80s;
border:1px dotted #FF6699;

-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomleft: 10px;
border-top-right-radius: 10px;
border-bottom-left-radius: 10px;
}
blueberry:hover{
background:#FFCDE1;
border:1px dotted #FF6699;
color: #fff;
-webkit-border-top-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomright: 10px;
border-top-left-radius: 10px;
border-bottom-right-radius: 10px;
}

Cambies el color a tu gusto:
#FFA9A9:color del fondo 
#FF6699:color de borde
#FFCDE1:color de fondo al pasar el cursor
#FF6699:color de borde al pasar el cursor
Y luego vas a Diseñó y vas añadir un nuevo gadget HTML/Javascript

<a href="URL"><blueberry>TEXTO</blueberry></a><a href="URL"><blueberry>TEXTO</blueberry></a><a href="URL"><blueberry>TEXTO</blueberry></a><a href="URL"><blueberry>TEXTO</blueberry></a>

Y eso es todo n.n¡ mañana proximo tutorial cbox forma de circulo mas el efecto (es el que tengo yo )
Bueno como dije anteriormente este tutorial no me pertenece lo encontre.Aqui los creditos 

Firmita de creditos:Kuma