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.
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.
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 8, 2011 a las 5:31 pm
@Juvinao
http://www.4shared.com/document/-mTxaq72/template-1906232145445397379.html
ahi esta el link broder
Saludos!!
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
Hayder Juvinao · diciembre 31, 2012 a las 4:53 pm
Gracias por tu comentario