...(HTML for Label Cloud)...
DISCLAIMER I use a Blogger platform.
You've been tagging your blog posts with all sorts of labels for some time now, and your label list widget is getting rather ridiculous and long and BORING. Do you really need that one-time label for Tribbles from 3 years ago showing up on that list? Do you want to paw through your 100+ labels and figure out which ones you want to show up?
*shakes head NO*
Would you rather have the HTML code to have the computer do all that work for you?
*nods head YES*
So...
HOW DO I DO THAT?
1. Go to the
Design tab to access the
Page Elements page.
- Click on the Add A Gadget link to add the Label widget. When the Label widget options pop up, the only selection you really have to make is whether your labels should be organized alphabetically or by frequency.
- Then SAVE.
- Move your new widget wherever you would like it to be!
2. Hop over to the
Edit HTML page and get ready for some heavy-duty copy-and-pasting!
First, locate
"]]></b:skin>" and
"</head>" in the code.
NOTE They should be rather close together.
NOTE It may be easier to select
Edit on your
MAIN MENUBAR and use the
Find option to locate this part of the code, instead of scrolling through everything.
Now here's how basic structure of how the first portion of copy-and-paste goes
HTML A
]]></b:skin>
HTML A
Insert the following code BEFORE
"]]></b:skin>"
HTML B
Insert the following code AFTER
"]]></b:skin>" but BEFORE
"</head>"
NOW Locate the following code which is specifically for the
Label widget
"<b:widget
id='Label1' locked='false' title='Labels' type='Label'/>"
Replace the ENTIRE phrase with the following super-long HTML
HINT Click in the box. Do
CTRL+A to select everything, then
CTRL+C to copy the selection.
3. Take a much-deserved nap or snackfest after
Step 2 because, holy happy feet, that was the hard stuff!
4. Here's all the fun stuff you can play around with to give your label cloud a more personal touch :D
The most fun stuff lies within
HTML B
- var cloudMin - This is where you get to choose the MINIMUM # of times a label has to be used in order to appear in the cloud i.e. how to separate the lone Tribble from the 20+ Zombies.
- var maxFontSize & minFontSize - Set how small and how big your labels can get. The more you use a label, the larger it will grow within the cloud.
- var maxColor & minColor - Choose your RGB colors for less-frequent and most-frequent labels. The code will automatically use a spectrum and change colors in-between the range set.
- var lcShowCount - You can leave this as "false" to NOT display how often a label appears. Change to "true" if you want it shown.
- SIDENOTE When the mouse hovers over the label, a display box will appear to show how often a label has been used.
SEE THE CODE IN ACTION!
(or what my label cloud looked like before I removed the widget)
...(the end)...
Well, that is all I have for today. I hope you found it useful! If you have any questions or want to know something specific, let me know in the comments! I am more than happy to address it - and even if it's something I don't have on my blog, I am more than happy to find out for you!