Menu con imagen kawaii :O

Hola mis hermoshas de la vida :3
Hoy les traigo un tuto que está DI-VI-NO y re fácil :D Es un bonito menú para tu Blog :O (cuando te digo bonito es que está bonito posta ok? y si no me crees, comprobalo vos misma XD)

Previa del menú:

Shalalalalal♥♥♥MenuPruebita
Hola aqui puedes escribir el texto que mas te guste shalalalaalalalala

 Empecemos :

♥ Diseño  Añadir Gaget HTML/Javascript  Pegamos este código:

<center><style type="text/css">
.img-side{
background: #E8E6E6;
color: #000;
width: 270px;
height: 210px;
margin-top:-215px;
opacity: 0;
-webkit-transition:all .5s ease-in-out; }
.img-side:hover{
opacity:.7
}
</style>
<img src="http://data.whicdn.com/images/38917595/307768_4257352468797_816983723_n_large.jpg" width="270" />
<br />
<div class="img-side">
<br />
<center><span class="Apple-style-span" style="font-family: verdana, arial; font-size: medium; "><span id="nav" style="font-size: 13px; font-family: serif; background-color: #FFFFFF;padding: 2px;border-radius:5px;border: #F8E0F7 1px dashed;-webkit-transition:1s;"><a href="URL DE TU ENTRADA" style="color:#000000; text-decoration: none; -webkit-transition-duration: 0.5s; ">NOMBRE DE TU CATEGORIA</a></span><span id="nav" style="font-size: 13px; font-family: serif; background-color: #FFFFFF;padding: 2px;border-radius:5px;border: #F8E0F7 1px dashed;-webkit-transition:1s;"><a href="URL DE TU ENTRADA" style="color:#000000; text-decoration: none; -webkit-transition-duration: 0.5s; ">NOMBRE DE TU CATEGORIA</a></span><span id="nav" style="font-size: 13px; font-family: serif; background-color: #FFFFFF;padding: 2px;border-radius:5px;border: #F8E0F7 1px dashed;-webkit-transition:1s;"><a href="URL DE TU ENTRADA" style="color:#000000; text-decoration: none; -webkit-transition-duration: 0.5s; ">NOMBRE DE TU CATEGORIA</a></span><span id="nav" style="font-size: 13px; font-family: serif; background-color: #FFFFFF;padding: 2px;border-radius:5px;border: #F8E0F7 1px dashed;-webkit-transition:1s;"><a href="URL DE TU ENTRADA" style="color:#000000; text-decoration: none; -webkit-transition-duration: 0.5s; ">NOMBRE DE TU CATEGORIA</a></span><br /><FONT FACE="arial" SIZE=2 COLOR=#000000>AQUI TU TEXTO..AQUI TU TEXTO..AQUI TU TEXTO..AQUI TU TEXTO..AQUI TU TEXTO</FONT></center></div></center>

Todo está "explicadito" en el código pero si tienen alguna duda o comentario no se olviden de ponerlo acá abajito :D Las quiero mucho mucho  Besitos con sabro a Nutella 



PD: Antes de terminar este post, quiero darle infinitos créditos a Annyz-Kawaii-Blog