¡Y seguimos retocando nuestra pequeña bitácora!
Buscando una mejor manera de mostrar nuestra nube de etiquetas o "tag cloud" encontramos en Blog and Web un post interesante y sencillo a la vez gracias al cual pudimos obtener la nube de etiquetas que pueden ver en la barra lateral de MPR; luce algo así como pueden ver:
Esta es una de las primeras cosas que quise cambiar de nuestra plantilla ya que el tagcloud que viene por defecto en Blogger ocupa demasiado espacio en la barra lateral. Aunque que existen decenas de widgets que permiten modifican el tagcloud de Blogger, esta nos pareció la más adecuada por una sencilla razón: Es 100% amigable con Google.
No me pondré a explicar como llevar a cabo esta tarea ya que en dicho post explican como hacerlo de una manera muy sencilla, lo que sí voy a explicar en forma breve es como modificar los estilos y colores de esta nueva nube de etiquetas para que combine mejor con nuestra plantilla. Lo que yo hice fue, una vez instalada la nueva nube de etiquetas, copiar el código HTML y pegarlo en una página en blanco en Dreamweaver (solo el código del DIV con ID labelCloud); luego anexé a la página web el codigo CSS que figura bajo la sección "Estilos de la Nube de Etiquetas" del mencionado post; una vez hecho esto la cosa quedó más o menos así:
Llegado a este punto podrán modificar los estilos de tu nube como quieran, cambiar el tipo de letra, su tamaño, los estilos para los tags li, a, a:hover, inclusive el fondo del DIV (no olviden subir la imagen de fondo al servidor). Finalmente reemplazan el código CSS resultante a su plantilla de Blogger como se explica en el post mencionado líneas arriba, eso es todo.
Espero que este pequeño truco para blogger les haya sido útil, mientras tanto yo rogaré al diseñador de este humilde blog para que solucione el desastre que acabo de hacer ;-)
Buscando una mejor manera de mostrar nuestra nube de etiquetas o "tag cloud" encontramos en Blog and Web un post interesante y sencillo a la vez gracias al cual pudimos obtener la nube de etiquetas que pueden ver en la barra lateral de MPR; luce algo así como pueden ver:
Esta es una de las primeras cosas que quise cambiar de nuestra plantilla ya que el tagcloud que viene por defecto en Blogger ocupa demasiado espacio en la barra lateral. Aunque que existen decenas de widgets que permiten modifican el tagcloud de Blogger, esta nos pareció la más adecuada por una sencilla razón: Es 100% amigable con Google.
No me pondré a explicar como llevar a cabo esta tarea ya que en dicho post explican como hacerlo de una manera muy sencilla, lo que sí voy a explicar en forma breve es como modificar los estilos y colores de esta nueva nube de etiquetas para que combine mejor con nuestra plantilla. Lo que yo hice fue, una vez instalada la nueva nube de etiquetas, copiar el código HTML y pegarlo en una página en blanco en Dreamweaver (solo el código del DIV con ID labelCloud); luego anexé a la página web el codigo CSS que figura bajo la sección "Estilos de la Nube de Etiquetas" del mencionado post; una vez hecho esto la cosa quedó más o menos así:
Llegado a este punto podrán modificar los estilos de tu nube como quieran, cambiar el tipo de letra, su tamaño, los estilos para los tags li, a, a:hover, inclusive el fondo del DIV (no olviden subir la imagen de fondo al servidor). Finalmente reemplazan el código CSS resultante a su plantilla de Blogger como se explica en el post mencionado líneas arriba, eso es todo.
Espero que este pequeño truco para blogger les haya sido útil, mientras tanto yo rogaré al diseñador de este humilde blog para que solucione el desastre que acabo de hacer ;-)
1 comments:
November 7, 2008 11:39 AM
Hola Joselo:
Comparto contigo mi problema:
Yo yambien he usado el post de Blog & Web, y he obtenido el listado vertical lateral que tambien se ve en tu blog. Mi problema es que lo que quiero es una nube similar a la que tu usas para ilustrar este post, y aun no logro descubrir como hacerlo. ¿Tienes alguna idea, al respecto, que puedas compartir?.
Cordialmente
Editor TiP
http:guiatip.blogspot.com
Post a Comment