Menu de etiquetas

1 de mayo de 2014


  • Para tener un menu de etiquetas en tu sidebar solo debes ir a Diseño | Agregar un gadget | Html/JavaScript y pegar ahi el código de abajo:
<style>
.tagg {
margin-left: 0px;
}
.tagg a{
display:block;
padding:2px;
width: 90px;
font-size: 7pt; /* Tamaño del texto */
font-family: 'arial'; /* Fuente del texto */
color: #fff; /* Color del texto */
margin: 2px;
line-height: 9px;
padding-bottom: 4px;
padding-top: 2px;
text-align: center;
border-radius: 1px;
background: #666; /* Color del fondo */
text-decoration: none;
}
.tagg a:hover{
border-left: 4px solid #222; /* Color del borde */
width: 87px;
color: #222; /* Color del texto */
background: #bbb; /* Color del fondo */
text-decoration: none;
}
.izquierda {float: left; width: 49%; text-align: center;}
.derecha {float: right;  width: 49%; text-align: center;}
</style>
<div class="tagg">
<div class="izquierda">
<a href="url" target="_blank">Love</a>
<a href="url" target="_blank">Love</a>
<a href="url" target="_blank">Love</a>
</div>
<div class="derecha">
<a href="url" target="_blank">Love</a>
<a href="url" target="_blank">Love</a>
<a href="url" target="_blank">Love</a>
</div></div>
Para agregar mas etiquetas en cada fila debes simplemente pegar:
<a href="url" target="_blank">Love</a> 
Debajo de <div class="izquierda"> o de <div class="derecha">

Espero les sea de utilidad.. cualquier duda escribime bloggie.angel@gmail.com

8 comentarios:

  1. Cu! pero no suelo usar etiquetas como menú, pero antes si lo hacia , pero ahora nop ñejeje ~~~ pero gustó mucho tu aporrte :DD! iré a cambiar el look de mi blog! nos vemos! :D Saludos!

    ResponderEliminar
  2. Muy lindo! Me encantan como se ven.
    Gracias por compartir el tutorial~

    ResponderEliminar
  3. Bonito tuto, lo tendré en cuenta ahora que ando editando el diseño del blog.. aunque aaah ando en un lio peleandome con el html y css :c

    Un abrazo!

    ResponderEliminar
  4. Genial!, ademas muy lindo el gadget :3

    ResponderEliminar
  5. uhh lo ame~!!Esta precioso el efecto,te lo iba a preguntar que bueno que hicistes la tutorial~
    saludos y beostes~!

    ResponderEliminar
  6. Gracias por el tuto! Me encantó :3 ya lo puse en mi blog y te dí créditos.

    ResponderEliminar
Muchas gracias por dedicarle tu tiempo a mi blog! Espero que la entrada te haya gustado y no dudes en dejar tu opinión en un comentario ♥ (Por favor no dejes spam)