Mil Trucos Blogger

Añadele estilo a la nube de etiquetas

Deja tu Reacción sobre el artículo
Me Gusta Dichoso Feliz Admirado Triste Enojado

Hay muchos que usan la famosa nube de etiquetas que brinda Blogger,yo personalmente no la uso pero para los que usan la nube de etiquetas hoy vengo con código CSS para añadirle estilo.

En mi caso la nube de etiquetas con este truco queda de la siguiente manera:

El resultado puede variar dependiendo de tu plantilla.
Pasos
Vas a Diseño,Edicion HTML y buscas la siguiente etiqueta ]]></b:skin> encima de ella pega el siguiente codigo:
.cloud-label-widget-content {
text-align:center;
font-weight: bold;
}
.cloud-label-widget-content span {
padding: 0 0 0 5px; 
}
.label-size-1 a {color: #8b8989; font-size: 10px;} 
.label-size-2 a {color: #000000; font-size: 12px;}
.label-size-3 a {color: #4682b4; font-size: 14px;}
.label-size-4 a {color: #dccdc; font-size: 15px;}
.label-size-5 a {color: #6495ed; font-size: 18px;}
Guardas los cambios y listo.

Modificaciones

.cloud-label-widget-content {
Controla el diseño  de la nube en cuanto a las etiquetas se verían centradas y en negrita.

.cloud-label-widget-content span {

Controla la distancia entre las etiquetas.

.label-size

Ahí controlamos el color de texto y tamaño de cada una de las etiquetas.
0
Shares

Relacionados...

Deja tu Reacción sobre el artículo
Me Gusta Dichoso Feliz Admirado Triste Enojado

18 Comentarios

  1. mayo 10, 2011    

    Buen tutorial… saludos!

  2. mayo 10, 2011    

    @Cloudx18 Gracias por pasar y comentar

  3. Anonymous Anonymous
    mayo 10, 2011    

    no me funciono!

  4. mayo 11, 2011    

    @Anónimo A mi me funciono,deja la URL de tu blog para mirar el posible problema.

  5. Anonymous Anonymous
    mayo 11, 2011    

    @Juvinao

    http://egpptube.blogspot.com/

    Aquí la tienes! :))

  6. mayo 12, 2011    

    @Anónimo Lo que pasa es que tu tienes el gadget de etiquetas en forma de lista y para que el truco funcione lo debes tener en forma de nube

  7. mayo 13, 2011    

    @Anónimo El problema tuyo es que tu tienes el gadget de etiquetas en forma de lista y para que el truco funcione debe estar en forma de nube

  8. junio 6, 2011    

    Juvinao tu blog es un gran aporte a toda la comunidad de bloggeros pero este truco no me funca..
    http://macabbidelevantar.blogspot.com/

    Saludos.. espero tu rpta

  9. junio 6, 2011    

    @Alejandro Montalván Gracias por visitar amigo,te explico este truco es compatible solo conalgunas plantillas,si quieres dejame tu plantilla tal cual como la tienes y yo te pongo el estilo que quieras. :)]

  10. junio 7, 2011    

    Este comentario ha sido eliminado por el autor.

  11. junio 7, 2011    

    @Alejandro Montalván Descargas la plantilla que esas usando igual como cuando haces una copia de seguridad y la subes a un hosting de archivos como Megaupload y me envias el link que te dan y listo yo te la edito.

  12. junio 8, 2011    
  13. junio 16, 2011    

    Este comentario ha sido eliminado por el autor.

  14. junio 16, 2011    

    @Alejandro Montalván Te cuento que se adapto muy bien,aparece con un buen estilo,ya te lo añadi,aqui te dejo el link de la plantilla.Saludos

    http://www.megaupload.com/?d=P5JNRRRG

  15. junio 16, 2011    

    @Juvinao
    Broder disculpa pero no funciona este truco!
    ahi esta el link de la plantilla
    http://www.megaupload.com/?d=FJL0VN3V

    PD: el script de las etiquietas esta encima de ]]>, para que lo puedas ubicar mas rapido

    Saludos y GRACIAS POR EL APOYO!

  16. junio 17, 2011    

    @Alejandro Montalván Bueno pues esta plantilla da mas problemas de los que crei,voy a intentar de nuevo de otra forma y mañana te cuento como me fue,Saludos.

  17. diciembre 27, 2012    

    Hola! Me fue de mucha utilidad! 😀 gracias! :3

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Categorías

Síguenos en Facebook

Suscribete por Email

Introduce tu Correo:

Recibiras nuestros últimos posts en tu correo