Menú This

¡Hello!  les traigo un tutorial de como poner ese menú en nuestro blog, la verdad es muy bonito y los colores que lleva son preciosos <3.

Por ahora cree un blog para las vistas previas.

Créditos: moonlight

VISTA PREVIA:

Clic aquí

EDITAR HTML | CTRL + F

Buscas el siguiente código:

]]></b:skin>

Arriba de lo que buscamos ponemos el siguiente código:

this {
color:#fff;
text-shadow: 1px 1px 1px #E6E6FA;
background: #E6E6FA;
border: solid 1px #E6E6FA;
box-shadow: inset 0 0 6px #E6E6FA, 0px 1px 1px#E6E6FA;
margin:+2px;
margin-left:0px;
display: inline-block;
text-align: center;
font-family: PF Arma Five;
font-size: 8px;
float: center;
padding:5px;
height: 8px;
width: 43px;
-webkit-transition-duration: .80s;
}
this:hover {
cursor:hand;
background: #f9c7e7;
border: solid 1px #f9c7e7;
box-shadow: inset 0 0 6px #f9c7e7, 0px 1px 1px #f9c7e7;
text-align: center;
font-family: PF Arma Five; font-size: 8px;
color:#fff;
text-shadow: 1px 1px 1px #f5f5f5;
}

AHORA HACEMOS LO SIGUIENTE:

VAMOS A DISEÑO / AÑADIR UN GADGET / HTML JAVASCRIPT

 Y lo que pondremos allí adentro de la caja es: 

<a href="LINK"><this>NOME</this></a>

 Para editar:

 Rojo: El link de el sitio.

 Verde: El nombre de el sitio.

Para agregar más:

 <a href="LINK"><this>NOME</this></a>

¡Y listo! no olviden los créditos por favor :)

Hasta luego!

Glad.