[TUTORIALES]Bias List[con enlace]-{2}-

Lo se,no he pasado por sus blogs!!Que mala soy,vdd?{pasare por casi todos..}H-O-L-A!Como estan?Yo pues si les cuento...Estoy enferma,tengo que ver una pelicula que se que va hacer super aburrida,para hacer un trabajo de la escuela.Y estoy haciendo el capitulo 1 de mi proyecto{el del comic que estoy haciendo}haci que imaginate como estoy?Casi a un colapso mental,aunque mi madre dijo"dayi mejor descansa"pero tengo que editar el video y subirlo a mi canal de youtube"chokko places"{suscribete quieres?}Pero esta bien,pasare por los blogs de algunas personas,editare el video lo subo,luego ahh seguire dibujando y haber si veo la pelicula y hacer ese resumen aburrido que hay que hacer{estos maestros!!}Bueno he hecho algunos graficos que quiero compartir,pero antes les dejare esta tutorial..y es sobre bias list{pero con enlace}Ya que me preguntaron por correo y dije"ahh hare la tutorial mejor y asi todos saben"Bueno empezemos con la tutorial:

*El efecto es en circulo,es que mi plantilla lo quita...pero si funciona.

Bias Name	Bias Name	Bias Name	Bias Name
Bias Name	Bias Name	Bias Name	Bias Name

El color de los links aplican dependiendo de tu blog.

1.Vamos a diseno>>>anadir un gadget>>>HTML/javacrips y pegas esto:

<style>
.iconborder{ width:90px; height:90px; border-radius:50px; border:5px solid #FFD094; box-shadow:2px 2px 5px #ccc;margin:5px;}
.icon{ background:#EEE2DC;width:90px;height:90px;border-radius:50px;box-shadow:0 0 6px #ddd;padding:0px;border:none;}
#bias{position:absolute;
margin-top:-60px;opacity:0;
-webkit-transition:All 0.4s ease;
-moz-transition:All 0.4s ease;
-o-transition:All 0.4s ease;
background:#fff;
width:90px;
border-radius:50px;
text-align:center;
color:#888;
font-size:12px;
letter-spacing:1px;}
.iconborder:hover #bias{margin-top:-40px;opacity:1}
</style><br />
<center>
<table border="0" bordercolor="" cellpadding="3" cellspacing="0" style="width: 520px;">
<tbody>
<tr>
  <td><div class="iconborder">
<img class="icon" src="http://i.imgur.com/cv4IGYE.png" width="90px" /><br />
<div id="bias">
<a href="http://LINK BLOG O WED">Bias Name</a></div>
</div>
</td>
  <td><div class="iconborder">
<img class="icon" src="http://i.imgur.com/cv4IGYE.png" width="90px" /><br />
<div id="bias">
<a href="http://LINK BLOG O WED">Bias Name</a></div>
</div>
</td>
   <td><div class="iconborder">
<img class="icon" src="http://i.imgur.com/cv4IGYE.png" width="90px" /><br />
<div id="bias">
<a href="http://LINK BLOG O WED">Bias Name</a></div>
</div>
</td>
  <td><div class="iconborder">
<img class="icon" src="http://i.imgur.com/cv4IGYE.png" width="90px" /><br />
<div id="bias">
<a href="http://LINK BLOG O WED">Bias Name</a></div>
</div>
</td>
 </tr>
<tr>
  <td><div class="iconborder">
<img class="icon" src="http://i.imgur.com/cv4IGYE.png" width="90px" /><br />
<div id="bias">
<a href="http://LINK BLOG O WED">Bias Name</a></div>
</div>
</td>
  <td><div class="iconborder">
<img class="icon" src="http://i.imgur.com/cv4IGYE.png" width="90px" /><br />
<div id="bias">
<a href="http://LINK BLOG O WED">Bias Name</a></div>
</div>
</td>
  <td><div class="iconborder">
<img class="icon" src="http://i.imgur.com/cv4IGYE.png" width="90px" /><br />
<div id="bias">
<a href="http://LINK BLOG O WED">Bias Name</a></div>
</div>
</td>   <td><div class="iconborder">
<img class="icon" src="http://i.imgur.com/cv4IGYE.png" width="90px" /><br />
<div id="bias">
<a href="http://LINK BLOG O WED">Bias Name</a></div>
</div>
</td>
 </tr>
</tbody></table>
</center>

EDITAR:

http://i.imgur.com/cv4IGYE.png:Edita la imagen que esta adetro del circulo.

http://LINK BLOG O WED:Pon la URL de tu bias o Wed que quieras.

Espero que esto sea de su agrado y que le den buen uso.

Si tienes cualquier duda dimelo en los comentarios.

Ahora me pondre a pasar por los blogs y a descansar que me duele el cuerpo.{por hacer ejercisio}

Recuerda dejar tu comentario!

Les dejo besos de cherryT.O.P

Att:Lee rae mi{Dayi}

Mi otro blog | others.