Tutorial | Menú simple kawaii

 ~lana bae~ ¡Hola! Que tal? Espero todas se encuentren muy bien, yo acabo de llegar a mi casa, y estoy super cansada :'v Además desde ayer comencé haber la serie 'Somos Tu y Yo' serie muy reconocida Venezolana, me recuerda mucho a mi infancia xD. Okya. Les traigo un precioso y simple menú. ✨ (Próximamente estará en mi blog:v)

Previa: 

Tengo que mejorar mi edición.

¿Como ponerlo en nuestro blog?

Fácil.

☁ Nos dirigimos:

Diseño | Añadir Gadget | HTML JavaScript 

Copias este código adentro de la cajita:

<style>
@font-face { font-family: "wish"; src: url('http://static.tumblr.com/0xqvkot/7jqmgsn0m/pf_arma_five.ttf'); }
#afiliados5{
background-color: #fff5f7;
width: 23px;
height: 10px;
font-family: wish;
font-size: 8px;
float: left;
padding: 2px 0 6px 0;
text-align: center;
margin-left: 5px;
margin-bottom: 4px;
color: #f8c0cd;
line-height: 13px;
border: 1px solid #fcd7e0;
-moz-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
return: false;
}
</style>
<a href="link"  title="Nota" id="afiliados5">~</a>
<a href="link"  title="Nota" id="afiliados5">~</a>
<a href="link"  title="Nota" id="afiliados5">~</a>
<a href="link"  title="Nota" id="afiliados5">~</a>
<a href="link"  title="Nota" id="afiliados5">~</a>
<a href="link"  title="Nota" id="afiliados5">~</a>
<a href="link"  title="Nota" id="afiliados5">~</a>
<a href="link"  title="Nota" id="afiliados5">~</a>
<a href="link"  title="Nota" id="afiliados5">~</a>
<a href="link"  title="Nota" id="afiliados5">~</a>
<a href="link"  title="Nota" id="afiliados5">~</a>
<a href="link"  title="Nota" id="afiliados5">~</a>
<a href="link"  title="Nota" id="afiliados5">~</a>
<a href="link"  title="Nota" id="afiliados5">~</a>
<a href="link"  title="Nota" id="afiliados5">~</a>
<a href="link"  title="Nota" id="afiliados5">~</a>
<a href="link"  title="Nota" id="afiliados5">~</a>
<a href="link"  title="Nota" id="afiliados5">~</a>
<a href="link"  title="Nota" id="afiliados5">~</a>
<a href="link"  title="Nota" id="afiliados5">~</a>
<a href="link"  title="Nota" id="afiliados5">~</a>

¿Como editar?

Sí quieres quitar un cuadrito xd. Solo quitas uno de estos:

<a href="link"  title="Nota" id="afiliados5">~</a>

Y sí quieres agregar más solo pones otro de estos:

<a href="link"  title="Nota" id="afiliados5">~</a>

Rojo: Enlace de la página

Azul: Alguna nota que quieras dejar

Verde: El texto de la cajita (yo puse un ~)

Bueno, eso es todo chicas. (créditos x)

¡Espero les guste! Recuerden sí lo usan dejarme créditos por fa.

Recuerden comentar. Me harían super feliz 💕