Gadget Etiquetas estilo menú en el blog





Este Gadgets puede ser configurado para que muestre solo las etiquetas que se decidan. Puede mostrarlas por orden alfabético, o por frecuencia. Por defecto blogger predefine el gadgets tipo lista.
Para este estilo de etiquetas

seleccionaremos Nube


Luego ir a:

  • Plantilla
  • Personalizar
  • Diseñador de Plantillas

  • Avanzado
  • Añadir código CSS personalizado, en el recuadro pegar el siguiente código:

/*--nube etiqueta--*/
.cloud-label-widget-content {
text-align: center; /*Alineado el texto*/
text-transform: uppercase; /*En mayúsculas*/
}
.label-size a {
width: 45%;
float:left;
font: normal normal 12px Arial; /*Tipografía*/
display: block;
margin: 2px 2px 0 0;
padding: 4px;
border: 1px solid #111111; /*borde de cada etiqueta*/
color:#aaaaaa; /*color del texto*/
background: #ffffff;  /*color de fondo*/
text-decoration:none;
}
.label-size a:hover {
border: 1px solid #aaaaaa; /*Borde al pasar por encima el ratón*/
color:#333333; /*Color del texto al pasar el ratón*/
background: #cccccc; /*Color del fondo al pasar el ratón*/
text-decoration:none;
}

Si te gusta la entrada compártela.

¡Gracias!

Publicar un comentario
▬ Antes de comentar recuerda:▬
► No se permite spam.
► No permitimos un vocabulario inapropiado.
► Se se lo más especifico posible.

►Para convertir tu comentario en HTML puedes utilizar algunos códigos:
- Si deseas incluir un enlace utiliza este código:<a href="URL de la Pagina">Titulo del enlace</a>
- Para introducir un código, utilice la etiqueta <i rel="pre"> AQUÍ TU CÓDIGO ... </i>
- Para insertar una imagen, utilice la etiqueta <i rel="image"> SU URL IMAGEN AQUÍ ... </i>
- Para insertar un título, utilice la etiqueta <b rel="h3"> SU TÍTULO AQUÍ ... </b>
- Para insertar una nota, utilice la etiqueta <b rel="quote"> NOTA QUE AQUÍ ... </b>
- Para insertar texto en negrita, utilice la etiqueta <b> SU TEXTO AQUÍ ... </b>
- Para insertar texto en cursiva, utilice esta etiqueta<i> SU TEXTO AQUÍ ... </i>

No olvides suscribirte para recibir las actualizaciones

Back to Top