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.
Categorías: Trucos Blogger

18 comentarios

Cloudx18 · mayo 10, 2011 a las 5:55 pm

Buen tutorial… saludos!

Juvinao · mayo 10, 2011 a las 8:55 pm

@Cloudx18 Gracias por pasar y comentar

Anonymous · mayo 10, 2011 a las 9:57 pm

no me funciono!

Juvinao · mayo 11, 2011 a las 12:26 am

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

Anonymous · mayo 11, 2011 a las 9:55 pm

@Juvinao

http://egpptube.blogspot.com/

Aquí la tienes! :))

Juvinao · mayo 12, 2011 a las 7:24 pm

@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

Juvinao · mayo 13, 2011 a las 9:15 pm

@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

Alejandro Montalván · junio 6, 2011 a las 7:09 am

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

Juvinao · junio 6, 2011 a las 3:44 pm

@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. :)]

Alejandro Montalván · junio 7, 2011 a las 6:36 pm

Este comentario ha sido eliminado por el autor.

Juvinao · junio 7, 2011 a las 9:37 pm

@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.

Alejandro Montalván · junio 16, 2011 a las 3:39 am

Este comentario ha sido eliminado por el autor.

Juvinao · junio 16, 2011 a las 4:33 pm

@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

Alejandro Montalván · junio 16, 2011 a las 9:04 pm

@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!

Juvinao · junio 17, 2011 a las 12:33 am

@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.

Ancel Wolf · diciembre 27, 2012 a las 1:09 am

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

Deja una respuesta

Marcador de posición del avatar

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