Afiliados hover #2

¡Minna! Bueno les traigo un menú hover que saque de blogskin... xDD

Vista previa

¿Te gusta? Entonces sigue los siguientes pasos...

 Plantilla blogskin: Antes de </style>

Plantillas blogger: Antes de /b:skin

a.friend {
margin-bottom: 3px;
text-transform: uppercase;
font-size: 8pt;
font-family: Calibri;
background: #CBFFED;
padding: 6px;
text-align: center;
display: inline-block;
color: #aaa;
-webkit-transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-o-transition: all 0.7s ease;
}
a.friend:hover {
background: #CBFFFF;
}

ahora añade esto en un html javascript

<a target="blank" href="Url" class="friend">friend</a>
<a target="blank" href="Url" class="friend">friend</a>
<a target="blank" href="Url" class="friend">friend</a>
<a target="blank" href="Url" class="friend">friend</a>
<a target="blank" href="Url" class="friend">friend</a>
<a target="blank" href="Url" class="friend">friend</a>
<a target="blank" href="Url" class="friend">friend</a>
<a target="blank" href="Url" class="friend">friend</a>
<a target="blank" href="Url" class="friend">friend</a>

Color: Cámbialo por el color que más te guste

Color: Tipo de letra y tamaño de la letra

Espero y les guste :D