- 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
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!
ResponderBorrarMuy lindo! Me encantan como se ven.
ResponderBorrarGracias por compartir el tutorial~
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
ResponderBorrarUn abrazo!
Gracias por el tuto n.n
ResponderBorrarUn recurso muy útil. Gracias!!
ResponderBorrarGenial!, ademas muy lindo el gadget :3
ResponderBorraruhh lo ame~!!Esta precioso el efecto,te lo iba a preguntar que bueno que hicistes la tutorial~
ResponderBorrarsaludos y beostes~!
Gracias por el tuto! Me encantó :3 ya lo puse en mi blog y te dí créditos.
ResponderBorrar