Tutoriales {Menú Little Circles}

Hola! ya hace un tiempito que no publico nada, pero hoy estoy aquí para alegrarles un poco el día. No eh podido solucionar el problema de adobe, pero espero solucionarlo pronto. Este es un menú muy delicado y simple, que seguro le dará un toque sencillo y elegante a tu blog:

1. Vamos a Diseño > Agregar HTML/Javascript
2. Pegamos el siguiente código:

<style>
a.you{
width:13px;
display:inline-block;
color:#fff; /* Color del texto */
text-align:left;
padding:2px;
overflow:hidden;
height:18px;
text-decoration:none;
padding-left:7px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
font-family:calibri; /* Font del texto */
margin:5px;
font-size:12px;
border-radius:333px;
}
a.you:hover{
width:80px;
{
</style><br />
<br />
<div style="position:fixed; top:200px;left:20px;"><br />
<a class="you" style="background:#FEB3B3; /* Color del fondo del primer círculo */
" href="LINK"> <span style="padding-right:10px;font-size:16;">ℱ</span>Name</a><br />
<a class="you" style="background:#FF9DAC; /* Color del fondo del segundo círculo */
" href="LINK"> <span style="padding-right:10px;font-size:16;">₮</span>Name</a><br />
<a class="you" style="background:#FEB3B3; /* Color del fondo del tercer círculo */
" href="LINK"> <span style="padding-right:10px;font-size:16;">ℱ</span>Name</a><br />
<a class="you" style="background:#FF9DAC; /* Color del fondo del quarto círculo */
" href="LINK"> <span style="padding-right:10px;font-size:16;">₮</span>Name</a><br />
</div>
</style>

• Si quieren agregar otro link, pega el siguiente código debajo del último <br />:

<a class="you" style="background:#FF9DAC; /* Color del fondo del quinto círculo */
" href="LINK"> <span style="padding-right:10px;font-size:16;">₮</span>Name</a><br />

• Y luego editas todo a tu gusto

Espero les haya gustado y servido, nos vemos ^^