lunes, 13 de abril de 2009

Nube de etiquetas

Para instalarme en el blog la nueva nube de etiquetas o tags, de todos los sitios que busqué, la explicación que más me gustó fue la de Blog And Web. Como alli lo enseña muy bien, no voy a repetir lo que dice su autor, pero si voy a comentar unos detalles:

En la línea que dice:
<b:widget id='Label1' locked='false' title='Labels' type='Label'/>

En Labels, si ya usabas el gadget de etiquetas de Blogger -el cual ha de estar colocado para que todo eso funcione-, y le cambiaste el nombre que tenía por defecto, verás ese nombre. Yo, por poner un ejemplo, tengo desde hace tiempo ¿Qué vas buscando?, así que tuve que sustituir esta línea, tal como la tenía:
<b:widget id='Label1' locked='false' title='¿Qué vas buscando?' type='Label'/>
Por lo que dicen en Blog and Web, en el paso 6, sin expandir los artilugios.

Para centrar el texto de la nube en la columna lateral, lo que hice fue buscar, en la plantilla, ésto, que se corresponde con la side-bar:
#sidebar-wrapper {

width: 220px;

float: $endSide;

word-wrap: break-word; /* fix for long text breaking sidebar float in IE */

overflow: hidden; /* fix for long non-text content breaking IE sidebar float */

}
Y añadir esta línea: text-align: center; quedándome así, al final:
#sidebar-wrapper {

width: 220px;

text-align: center;

float: $endSide;

word-wrap: break-word; /* fix for long text breaking sidebar float in IE */

overflow: hidden; /* fix for long non-text content breaking IE sidebar float */

}
Pero mucho ojo con este cambio, que afectará a todo cuanto hay en la barra lateral.

Para personalizar los textos, sólo hay que jugar con estos parámetros, hasta dar con el tamaño y el color deseados:

var cloudMin = 1;

var maxFontSize = 22;

var maxColor = [0,102,153];

var minFontSize = 10;

var minColor = [113,148,167];

var lcShowCount = false;
Para saber qué códigos tienen los colores, me ayudé del selector del colores de Gimp.

Por último, busqué, con los artilugios expandidos en la plantilla, la línea a.title = ts[t]+' Posts in '+t;y sustituí Posts in por entradas archivadas en para "traducir" al español este pequeño hackeo
.

10 comentarios:

  1. :p muy bien socio!!

    Vi cuando tuve la primera plantilla de mi blog, algo parecido, la imagen era igual, salvo por la horrible (para mi, al menos jajaja) publicidad que debaja debajo y que no se podía quitar ni de broma :p

    Así que me quedé con una nube con movimiento, hasta que dejo de ir, jajajaja


    Ahora tengo una parecida, pero como sabes, se va haciendo manualmente, así que me voy a quedar con esta que has puesto tu :P

    Besotes!!!

    ResponderEliminar
  2. Esto es muy interesante, le echaré un vistazo con calma cuando pueda ;)

    ResponderEliminar
  3. A ver si así consigo expandir un poco mi nube de tags, que está muy "junta"

    ResponderEliminar
  4. Ya me fijé que la de Yenodeblog está hecha a mano, Uve. Menudo palizón te diste ahí. Te iba a pedir permiso para implementar este sistema allí. Cuando me des el visto bueno, procedo, socia ;)

    Para que ésto te sea útil, Pharpe, antes tendrías que tener etiquetadas las entradas y, en tu caso, a no ser que las tengas ocultas, me parece que no es así.

    Si más adelante te decides a ponértelo, no dudes en preguntar por aquí si tienes alguna duda, y recuerda ponerte antes el gadget que provee blogger de etiquetas antes de hacer nada.

    Josito, tu nube fue una de mis primeras opciones, pero le he visto dos inconvenientes, para mi gusto: necesita flash para visualizarse, y me da la sensación de que hay que poner las etiquetas manualmente... ¿O me equivoco?

    Por cierto, ¿dónde la conseguiste?

    ResponderEliminar
  5. Así es... a mano, la encontré en un programa muy chulo que generaba los codigos, te ponia los diferentes tamaños y los colores, etc... pero al añadir la url del blog, te daba unas tags... que no tenían porque coincidir con las etiquetas del blog... así que copié el codigo, ví como hacía para identificar a cada tag... y yo misma me dediqué ha cambiar los nombres de las tags y las url, para que así coincidieran ... Después lo hice con Yenodeblog :)

    Durante muchos días pasaba unas 20 o 30 etiquetas, jejeje

    Y no se... me gusta porque puede tener varios colores, tamaños... jiji


    la de josito la tuve en mi primera plantilla, y al menos la mia se actualizaba sola... lo malo es cuando tienes ya mil etiquetas... que no se ven muy bien :S


    Saludossss

    pd. Ya se me olvidaba... no tienes que pedir permiso, que yenodeblog somos todos ;)

    ResponderEliminar
  6. Está muy bien socio, a la nuestra de Yenodeblog, aunque está muy chula, hay algunos tags que no se ven bien y creo que es por la gran variedad de colores que tiene y los que se asemejan al fondo son más difíciles de ver, ya que se mimetizan, aunque no sé si muchos bloggers buscan a través de las etiquetas, en mi caso sí que busco por ahí a veces, tanto en nuestro blog como en otros.

    Saludos
    Europides en el anonimato :)

    ResponderEliminar
  7. Graciaaasss.. Estaba pensando en instalar una y creo que me he decidido. Voy a probar

    ResponderEliminar
  8. Muy util!! Muchas gracias por seguir con estos tutoriales

    ResponderEliminar
  9. yujuu!!! eres el blog de la semana by Bolibic!

    Felicitaciones sociooo :)

    ResponderEliminar
  10. Hola José, yo he seguido este sistema del Escaparate de Rosa, ha sido muy fácil, y creo que menos complicado que el que comentas, pienso que queda muy bien y también puedes modificar lo que quieras, eso si tiene el problema que no reconoce las tildes ,diéresis y eñes de las etiquetas, pero es fácilmente corregible.
    Un saludo

    ResponderEliminar

No hay normas especiales para publicar comentarios en este blog. Sólo las básicas: respeta, no insultes, y no hagas SPAM descaradamente. Tampoco se admitirán comentarios que vulneren la Ley. Cualquier aportación, consulta y crítica es bienvenida, a condición de cumplir estas normas básicas.

Si lo que quieres es ponerte en contacto directamente conmigo, dispones para ello de un formulario de contacto.