[TUTORIALES]Menu friend's blogs o Afiliados[2]

Hello pollitos?Les habla dayi,como estan???yo la verdad ultimamente, hace unos 3 meses atras me ha dado por mirar programas de historias de ultratumba,historias de terror,buscadores de fantasma etc. en fin...todo lo que sea sobrenatural...no se por que,me he odsecionado con este tema 0.o...Bueno aqui esta lo que que prometi... un tutorial,hace tiempo que no dejaba un menu....y este me encanto..para esos blogs friend,o afiliados...Pues empezemos:

|vista previa|

1.Vamos a plantilla | Editar HTML | y buscar ]]></b:skin>

2.Arriba de esto pega el siguiente codigo:

.afiliado{
font-size:11px;
padding: 11px 7px 7px 7px;
width: 26px;
display: inline-block;
height: 21px;
font-family: arial;
text-align:center;
color: #fff;
text-shadow: 1px 1px 0 #b6c0c6;
background: #c7d1d8; /* color de fondo*/
text-transform: uppercase;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
margin: 3px;
float: center;
-webkit-transition: 0.7s ease-out;
-moz-transition: 0.7s ease-out;
transition: 0.7s ease-out;
}
.afiliado a{ color: #fff; }
.afiliado a:hover{ color: #fff; }
.afiliado:hover{
background: #ab1d46; /* color fondo hover */
text-shadow: 1px 1px 0 #93193b;
-webkit-transform: rotate(-360deg);
-moz-transform: rotate(-360deg);
}

 3.Vamos a diseno & abrimos un gaget HTML y pegamos el siguiente codigo:

<div class="afiliado" title='pon aqui texto'><a href="/" target='_blank'>Day</a></div>
<div class="afiliado" title='pon aqui texto'><a href="/" target='_blank'>Day</a></div>
<div class="afiliado" title='pon aqui texto'><a href="/" target='_blank'>Day</a></div>
<div class="afiliado" title='pon aqui texto'><a href="/" target='_blank'>Day</a></div>

Y luego guardas~~~Espero que les guste^//^ En verdad espero que les guste,es sencillo y lindo...A mi en lo personal me gusto^3^...Bueno,eso seria todo^^
Recuerda dejar tu comentario~
Les dejo besos de cherryT.O.P
Att:Lee rae mi{dayi}