Label Cloud / Nube de categorías

Buscando como hacer una nube de categorías, encontré este magnifico script en el blog de Phydeaux3, y aunque me esta dando algunos problemillas derivados del diseño, procedo a traducir (en forma libre) el proceso por si alguien más quiere instalarlo en su blog.

Las instrucciones originales las encuentras aqui.

Primero: Asegurate de haber guardado una copia de tu plantilla antes de hacer cualquier cambio.

Metete a Blogger, y entra a la sección Plantilla.
Revisa "Elementos de la Página" y asegurate de haber instalado el elemento "Labels".
Ahora pasa a "Edición de HTML", pero sin expandir las plantillas de artilugios.

El código está divido en 3 partes, una sección de Diseño, la Configuración y el Widget propiamente tal.

La primera parte, Diseño, va en las características de diseño de tu blog... para ello debes copiar el siguiente código entre las etiquetas de



Para ello lo más fácil es buscar la etiqueta de cierre y pegar el código ANTES de ella.

o sea, buscamos ésto:



y pegamos lo siguiente.



Después de la etiqueta

Nos saltamos un espacio y pegamos el siguiente código que corresponde a la Configuración



Ahora (y es un poco más complejo) bajamos hasta la sección del sidebar, buscando la etiqueta que corresponda a nuestro elemento Labels... y que debería ser algo parecido a ésto:



Una vez encontrado debe ser sustituído por éste código:


Ahora puedes generar una vista previa para apreciar los cambios, si no puedes ver la nube es por que hiciste algo mal, así que revisa los 3 pasos previos (aunque puede ser debido a que tus entradas tienen sólo una categoría, ya que el script está hecho para trabajar con más de una).

Ahora lo que puedes modificar en la sección de Configuración, es lo siguiente:

var cloudMin= 1;

Esta instrucción limíta el número de etiquetas mostradas, por ejemplo si tienes muchas y sólo quieres mostrar aquellas que superen las 10 entradas, cambias el 1 por un 10. Si dejas el 1, se mostrarán TODAS tus etiquetas.

var maxFontSize = 20;
var maxColor = [0,0,255];
var minFontSize = 10;
var minColor = [0,0,0];
var lcShowCount = false;


Las líneas:

maxFontSize
maxColor


Se refieren al tamaño de texto en pixeles... el cual puede ser modificado de acuerdo al diseño de tu blog. maxColor se refiere al color RGB.
lo mismo ocurre para las líneas:

minFontSize
minColor


IMPORTANTE, cuando cambies el color, manten el mismo formato. ponlo entre los corchetes [] y separa los números por comas. los coloresestandar son el Azul para el máximo y el Negro para el mínimo.

La última variable es

lcShowCount

Puede ser false (por default) o true. Lo que esto hace es visualizar o no el conteo de posts junto a la etiqueta. Usualmento esto no se usa en las Nubes, pero si lo quieres poner, simplemente cambia la variable.

Ahora la sección CSS.
La primera línea:

#labelCloud {text-align:center;font-family:arial,sans-serif;}

Aquí puedes cambiar la familia de fuentes, así como la alineación.

text-align:justify;
text-align:right;
text-align:left;

La siguiente línea:

#labelCloud .label-cloud li{display:inline;background-image:none !important;padding:0 5px;margin:0;vertical-align:baseline !important;border:0 !important;}

Aquí lo más importante es la instrucción

display:inline;

que puede ser cambiada a

display:block;

Se refiere a si quieres ver cada categoría en una línea, o dispuestas en en grupo (puedes cambiar la visualización por frecuencia a alfabética en la sección de "Elementos de la Página").

Lo último importante es la sección:

#labelCloud .label-count

Si activaste la variable lcShowCount (para mostrar el conteo de post) Aquí puedes cambiar el color y el tamaño de las entradas.

Espero que les sirva.. a mi me gusta bastante aunque aún tengo que arreglar algunos detallitos.

7 comentarios:

  1. Borghal dijo...

    Se ven choriflai! Las nubes esas tienen un no sé qué que me gusta.  

  2. Anónimo dijo...

    [B]NZBsRus.com[/B]
    Escape Idle Downloads With NZB Files You Can Quickly Search High Quality Movies, Games, MP3s, Applications & Download Them @ Maxed Out Speeds

    [URL=http://www.nzbsrus.com][B]Newsgroup Search[/B][/URL]  

  3. Anónimo dijo...

    [B]NZBsRus.com[/B]
    No More Slow Downloads Using NZB Downloads You Can Swiftly Search HD Movies, Games, Music, Software and Download Them at Accelerated Rates

    [URL=http://www.nzbsrus.com][B]NZB Search[/B][/URL]  

  4. Anónimo dijo...

    Exemplify on Our Shadowy Prices at www.Pharmashack.com, The High-level [b][url=http://www.pharmashack.com]Online Chemist's [/url][/b] To [url=http://www.pharmashack.com]Buy Viagra[/url] Online ! You Can also Riddle to In the chips Deals When You [url=http://www.pharmashack.com/en/item/cialis.html]Buy Cialis[/url] and When You You [url=http://www.pharmashack.com/en/item/levitra.html]Buy Levitra[/url] Online. We Also Entertain a Important Generic [url=http://www.pharmashack.com/en/item/phentermine.html]Phentermine[/url] On account of Your Nutriment ! We Vend Bring into disfavour [url=http://www.pharmashack.com/en/item/viagra.html]Viagra[/url] and Also [url=http://www.pharmashack.com/en/item/generic_viagra.html]Generic Viagra[/url] !  

  5. Anónimo dijo...

    Dear Alisa,

    For long time I use this freeware: [url=http://www.freeflvtomp3converter.com]FLV to MP3 free converter[/url].

    FLV to MP3 free converter is a free YouTube, MegaVideo, Grouper and similar video sites to MP3 Converter and allows you to convert a video to MP3 file.

    This software is fast, free, and requires no signup. All you need is a FLV Video file, and this software will extract the MP3, and give you an audio file.

    So you are able to listen to your favorite YouTube tracks on every MP3 player.

    You can download it for free at [url=http://www.freeflvtomp3converter.com]www.freeflvtomp3converter.com[/url].

    I hope this help you.  

  6. Anónimo dijo...

    You could easily be making money online in the underground world of [URL=http://www.www.blackhatmoneymaker.com]blackhat tools[/URL], It's not a big surprise if you have no clue about blackhat marketing. Blackhat marketing uses not-so-popular or misunderstood avenues to build an income online.  

  7. Anónimo dijo...

    Hello im new to this forum i hope i can help out and give something back here because i have learned a great deal myself.

    Cheers

    [URL=http://learnviolinonlinehq.com][B]Learn Violin[/B][/URL]  

Categorías


 

Copyright 2006| Blogger Templates by GeckoandFly