Label Cloud Widget For Blogger / Blogspot

,

A tag cloud or label cloud for blogger is a visual depiction of all labels used on your blog.You can see a demo of the Label cloud for blogger(blogger label cloud) here on my site. This Tag Cloud Widget was originally developed by phydeaux3. This is a modded version of phydeaux’s Cloud. This is much better than the Blogger’s Default Label Cloud. First of all Go to Your blogger Layout > Page Elements page and add a Labels Widget there..You can Do that using the Add a Page Element Option on that page.image After Adding the Label Widget Go to Layout > Edit Html (Do not expand the widget templates for the sake of easy explanation) You will find some code similar to 
<b:widget id='Label1' locked='false' title='Labels' type='Label'/>
Now Replace that with 
<b:widget id='Label1' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
<b:if cond='data:display == &quot;list&quot;'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span dir='ltr'>(<data:label.count/>)</span>
</b:if>
</li>
</b:loop>
</ul>
<b:else/>
<div id='labelCloud'/>
<p align='center'>
<script type='text/javascript'>
var cloudMin = 1;
var maxFontSize = 30;
var maxColor = [35,130,196];
var minFontSize = 13;
var minColor = [35,130,195];
<b:if cond='data:showFreqNumbers'>
var lcShowCount = true;
<b:else/>
var lcShowCount = false;
</b:if>

// Don’t change anything past this point -----------------
// Cloud function s() ripped from del.icio.us
function s(a,b,i,x){
if(a&gt;b){
var m=(a-b)/Math.log(x),v=a-Math.floor(Math.log(i)*m)
}
else{
var m=(b-a)/Math.log(x),v=Math.floor(Math.log(i)*m+a)
}
return v
}
var c=[];
var labelCount = new Array();
var ts = new Object;
<b:loop values='data:labels' var='label'>
var theName = &quot;<data:label.name/>&quot;;
ts[theName] = <data:label.count/>;
</b:loop>
for (t in ts){
if (!labelCount[ts[t]]){
labelCount[ts[t]] = new Array(ts[t])
}
}
var ta=cloudMin-1;
tz = labelCount.length - cloudMin;
lc2 = document.getElementById(&#39;labelCloud&#39;);
ul = document.createElement(&#39;ul&#39;);
ul.className = &#39;label-cloud&#39;;
for(var t in ts){
if(ts[t] &lt; cloudMin){
continue;
}
for (var i=0;3 &gt; i;i++) {
c[i]=s(minColor[i],maxColor[i],ts[t]-ta,tz)
}
var fs = s(minFontSize,maxFontSize,ts[t]-ta,tz);
li = document.createElement(&#39;li&#39;);
li.style.fontSize = fs+&#39;px&#39;;
a = document.createElement(&#39;a&#39;);
a.title = ts[t]+&#39; Posts in &#39;+t;
a.style.color = &#39;rgb(&#39;+c[0]+&#39;,&#39;+c[1]+&#39;,&#39;+c[2]+&#39;)&#39;;
a.href = &#39;/search/label/&#39;+encodeURIComponent(t);
if (lcShowCount){
span = document.createElement(&#39;span&#39;);
span.innerHTML = &#39;(&#39;+ts[t]+&#39;) &#39;;
span.className = &#39;label-count&#39;;
span.style.color = &#39;rgb(&#39;+c[0]+&#39;,&#39;+c[1]+&#39;,&#39;+c[2]+&#39;)&#39;;
a.appendChild(document.createTextNode(t));
li.appendChild(a);
li.appendChild(span);
}
else {
a.appendChild(document.createTextNode(t));
li.appendChild(a);
}
ul.appendChild(li);
abnk = document.createTextNode(&#39; &#39;);
ul.appendChild(abnk);
}
lc2.appendChild(ul);
</script>
</p>
<noscript>
<b:loop values='data:labels' var='label'>
<span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span class='label-count' dir='ltr'>(<data:label.count/>)</span>
</b:if>
</span>
</b:loop>
<br/>Powered By:<small><a href='http://www.bloggerplugins.org'>Blogger Gadgets</a></small>
<br/><small><a href='http://www.bloggerplugins.org/2008/06/label-cloud-widget-for-blogger-blogspot.html'>Label Cloud for Blogger</a></small>
</noscript>
</b:if>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
Now find 
]]></b:skin>
and replace it with 
#labelCloud {text-align:center;font-family:arial,sans-serif;}
#labelCloud .label-cloud li{display:inline;background-image:none !important;padding:0 5px;margin:0;vertical-align:baseline !important;border:0 !important;}
#labelCloud ul{list-style-type:none;margin:0 auto;padding:0;}
#labelCloud a img{border:0;display:inline;margin:0 0 0 3px;padding:0}
#labelCloud a{text-decoration:none}
#labelCloud a:hover{text-decoration:underline}
#labelCloud li a{}
#labelCloud .label-cloud {}
#labelCloud .label-count {padding-left:0.2em;font-size:9px;color:#000}
#labelCloud .label-cloud li:before{content:&quot;&quot; !important}
]]></b:skin>

Save your template and now you should get a working Label Cloud On your Blog.

You can Configure the Gadget from the Gadget Options image

Additional Tweaks

These tweaks are optional. Proceed further only if you want to customize the cloud to a better level... Changing Cloud Colours: you can change those colours editing the code a little bit.. you will have to expand your widget templates and modify these 2 lines of code var maxColor = and var minColor = you have to specify the RGB values there separated by commas..If you are sure of what should be the hex codes of the maximum and minimum colors,then you can use this convertor to convert the hex value to RGB values..If you are not sure of what the hex code of the colors are then have a look at this. Changing the Font Sizes: You can change the font sizes by editing these 2 lines of code var minFontSize = and var maxFontSize =

327 comments :

  1. Jennifer A. JonesJuly 1, 2008 at 3:03 AM

    Thank you for such an EASY method. I truly appreciate it.

    ReplyDelete
  2. UnknownJuly 1, 2008 at 7:15 AM

    you are welcome...!! :)

    ReplyDelete
  3. New LeafJuly 1, 2008 at 7:46 AM

    I tried this but blogger sure didn't like it. I kept getting that xml tags are not well formed error :(

    ReplyDelete
  4. UnknownJuly 1, 2008 at 7:47 AM

    seems like you have expanded the widget templates while performing this tweak.. otherwise it should work fine!!

    ReplyDelete
  5. New LeafJuly 1, 2008 at 8:04 AM

    Hi Aneesh!

    This is not my night for anything to work!
    I got this going just fine. My problem was taking the code out of blogger and putting in into Dreamweaver. Once I did the editing in blogger it worked just fine.

    I'm laughing now though because my tag cloud is enormous!

    Thanks for the quick assistance Aneesh. Love your site :D

    ReplyDelete
  6. UnknownJuly 1, 2008 at 8:08 AM

    you are welcome!! nice to have you here.. :)

    ReplyDelete
  7. pacak uitmJuly 2, 2008 at 6:56 PM

    thnxxx.

    ReplyDelete
  8. AnonLoverJuly 3, 2008 at 7:17 AM

    how can the color scheme applied to the links in the label cloud be adjusted?

    ReplyDelete
  9. UnknownJuly 5, 2008 at 7:33 AM

    you can change those colors editing the code a little bit..
    you will have to expand your widget templates and modify these 2 lines of code

    var maxColor =

    and

    var minColor =

    you have to specify the RGB values there separated by commas..If you are sure of what should be the hex codes of the maximum and minimum colors,then you can use this to convert the hex value to RGB values..If you are not sure of what the hex code of the colors are then have a look at this. If you still need more help,feel free to contact me..

    ReplyDelete
  10. SheriJuly 5, 2008 at 7:57 AM

    Thank you SOOO much!! I spent a good 40 minutes searching for a simple, attractive tag cloud - and yours was PRECISELY what I was hunting for!! I love it... tho my tag cloud is HUGE, and I've spent the last two hours consolidating tags!! LOVE IT!! SIMPLE!! THANKS!!

    ReplyDelete
  11. UnknownJuly 5, 2008 at 8:04 AM

    you are welcome!!!

    ReplyDelete
  12. SheriJuly 5, 2008 at 8:16 AM

    Thanks for the comment on my blog, Aneesh - I may play around with the colors... your instructions are quite clear, so shouldn't be a problem!! I just added the Outbrain widget, too... but I don't like the way it automagically adds a vote box to ALL my postings, no matter how old. I wanted to add vote boxes only to certain posts (e.g. my digiscrap freebies). So... will continue to hunt for that feature! Good luck with your designs!

    ReplyDelete
  13. SheriJuly 6, 2008 at 1:36 AM

    Aneesh, I changed the colors - it was dead easy, using Photoshop to pick a dark and a light that matched my blog colors. THANKS AGAIN - LOVE THIS WIDGET!!

    ReplyDelete
  14. UnknownJuly 6, 2008 at 2:13 AM

    welcome sheri!!!

    ReplyDelete
  15. James MorganJuly 8, 2008 at 7:54 AM

    I liked your other blog template. Probably because it had more colors

    ReplyDelete
  16. UnknownJuly 8, 2008 at 8:09 AM

    thanks.. i will soon try to make up a new custom theme.. :)

    ReplyDelete
  17. AnonymousJuly 9, 2008 at 8:46 AM

    i encountered an error when i tried to install the label cloud but i found the error right and the important thing is im not used to be with these html tags the error was it did not allow to use two label1 widget and my label widget got no 2on itso changed your

    (your commenting option is not allowing me to use html sso im taking them off)

    :widget id='Label1' locked='false' title='Labels' type='Label'

    into

    widget id='Label2' locked='false' title='Labels' type='Label'

    and saved it thanks a lot

    Regards,
    Anamica

    www.earninglanguage.blospot.com

    ReplyDelete
  18. UnknownJuly 9, 2008 at 9:03 AM

    you got the error because you have 2 label widgets and you tried to change <b:widget id='Label2' locked='false' title='Labels' type='Label'> with the big code i gave..!!
    and you cant post html in blogger comment forms unless it is parsed...

    ReplyDelete
  19. AnonymousJuly 15, 2008 at 1:58 AM

    i"m so sorry... but i'm a simple life form. I love this widget, but i'm just not capable of understanding how you use the hex code color value blahblahblah and convert it to the RGB blahblahblah to change the color of the label cloud from alien green to a color of my choosing. but I am able to cut and paste! any chance you could just tell me the lines to replace with what would turn the words in the label cloud to a sky blue?

    THANK YOU!!!

    ReplyDelete
  20. HiLJuly 17, 2008 at 11:40 PM

    thanks for making it easy!! and for the color alteration instructions!! :)

    ReplyDelete
  21. UnknownJuly 20, 2008 at 8:41 AM

    @Night Morrisey..

    Just expand your widget templates and replace
    var minColor = [0,0,0];
    with
    var minColor = [59,185,255];

    and replace
    var maxColor = [0,255,0];
    with
    var maxColor = [53,116,236];

    and you should get what you need!!!

    ReplyDelete
  22. AnonymousJuly 25, 2008 at 2:54 PM

    thanks i really do like this label cloud ... it made myprevious labels more interesting.. as for the size.. i think its good for me.. its the exact size that i want... thanks so much... i have even tried the top commentators and really like it..was wondering if you have something like popular post widget.. as i have been trying to look for it.. anyway i'm so thankful..

    ReplyDelete
  23. PrasannaJuly 29, 2008 at 5:11 PM

    excellenttttttttttttttt

    ReplyDelete
  24. PhonellaAugust 9, 2008 at 2:50 AM

    Do you realize that the cloud defaults to a single vertical line of labels in Internet Explorer while it is perfectly fine in Firefox? Even your own site viewed in IE shows the cloud as a single word vertical column.

    Any fix for this?

    ReplyDelete
  25. PhonellaAugust 9, 2008 at 7:49 AM

    Yes, I reverted to a template prior to installing your label cloud setup and then followed the instructions from Phydeaux3 and am happy to report that my cloud looks the same in both Firefox and IE. There is something amiss with yours.

    ReplyDelete
  26. UnknownAugust 9, 2008 at 8:49 AM

    thanks for notifying me.. i have changed the instructions so that it works fine.. the css part should be in the head section for that to work.. :(

    ReplyDelete
  27. IJ Hanna Lucky August 10, 2008 at 7:11 AM

    Godbless you again Aneesh
    keep up the good work

    ReplyDelete
  28. Fashion_Girl22August 12, 2008 at 9:54 PM

    How do you change the color? I used the widget, but it doesn't look as what it should look like. Can you please tell me what i did wrong, and how to fix it?

    ReplyDelete
  29. AnonymousAugust 12, 2008 at 10:10 PM

    can u just read the comments at my blog and try to fix the color issue.. i have explained it in my comments.. please read it.. if that doesn't help,please contact me.. don't misunderstand me.. i am a lil busy at college.. dats y.. if that doesnt help feel free to contact me and i will definitely help u with it.

    ReplyDelete
  30. Fashion_Girl22August 13, 2008 at 1:54 AM

    It's still not worinking for me. It's only green. As you can see I need pink. Sorry to bother you. I've been searching for some time now.

    ReplyDelete
  31. AnonymousAugust 17, 2008 at 8:43 PM

    Thanks a lot.... It worked for me..!

    ReplyDelete
  32. Myk2tsAugust 18, 2008 at 8:41 PM

    how to change its color? from green to yellow? can i edit it?

    ReplyDelete
  33. miss criticalAugust 22, 2008 at 3:21 PM

    hi... I 've just changed a new template... I have been using the label cloud and enjoy it alot but for some apparent reasons this label cloud doesn't seem to work with my new template . the labels kept showing in vertical form instead of in cloud form ... I have been trying for more than 10 times and still unable to do it.. Please help me... Is problem was because of my template

    ReplyDelete
  34. SuzanneAugust 23, 2008 at 12:38 PM

    love it - thanks so much

    ReplyDelete
  35. AnonymousAugust 23, 2008 at 7:22 PM

    Thanks for the instructions, it helped now i have label cloud on my blog/website http://techmania-shail.blogspot.com

    But please, tell me how can i change the colour of the text from green to a colour matching my blog, please tell me where to change, i'll change the code then i know html a bit!!

    Thanks again!!

    ReplyDelete
  36. mantanAugust 23, 2008 at 8:03 PM

    Amazing !

    ReplyDelete
  37. SueAugust 24, 2008 at 1:44 AM

    Thanks for the cloud. I do wish the lettering came in colours other than neon green though.

    Thanks all the same!

    ReplyDelete
  38. ^_^ SmiLe PLeaSeAugust 26, 2008 at 8:56 PM

    Thank's..it's nice widget

    ReplyDelete
  39. EdSeptember 2, 2008 at 9:18 AM

    Another cool addition, thanks

    ReplyDelete
  40. AnonymousSeptember 5, 2008 at 5:50 PM

    so nicc.. and amazing post..

    ReplyDelete
  41. sriramSeptember 6, 2008 at 3:41 PM

    excellent post i will come on and read

    ReplyDelete
  42. Wylwyn D. ReyesSeptember 17, 2008 at 10:41 AM

    This is an AWESOME widget! Thank You!

    ReplyDelete
  43. shounnSeptember 18, 2008 at 4:58 PM

    really nice... I will use this soon... jiji

    ReplyDelete
  44. Nona VarnadoSeptember 25, 2008 at 3:02 AM

    Thanks! that's the simplest tag cloud walk through ever. Now we'll all have our heads in the clouds. Best widget fad EVER.

    ReplyDelete
  45. adminOctober 3, 2008 at 6:58 AM

    Thanks 4 this tutorial...u can also update with this Tag cloud blogumus (bloginfotips)...nice

    ReplyDelete
  46. Josef BengtsonOctober 12, 2008 at 2:36 AM

    Hi,

    Is there a maximum number of labels that the "tag cloud" can handle? After working nicely, my cloud just went down after that I had tagged some old posts :(
    Any help appreciated!

    ReplyDelete
  47. Josef BengtsonOctober 12, 2008 at 10:15 PM

    Hi,

    My label cloud just went down after me labeling some old posts :( My cloud was getting huge, but is there a maximum number of labels that you are allowed to use? Could that explain why the cloud disapeared from my blog?

    ReplyDelete
  48. JamesW850iOctober 16, 2008 at 8:48 PM

    It seems to be able to change only from a color to another color. I do have a query here, is it possible to make it min = red and max = indigo but passes through in rainbow colors? Anyone..?

    ReplyDelete
  49. UnknownOctober 25, 2008 at 3:24 PM

    i think when we compare the hex values the min should be indigo and the max should be red..

    Refer the comments here to know how to set the min color as indigo and the max color as red..

    ReplyDelete
  50. TanyaNovember 7, 2008 at 4:13 AM

    Thanks! Love it! and you have such great directions!

    ReplyDelete
  51. AnonymousNovember 8, 2008 at 11:11 AM

    Is there a way to limit which labels are used? Like if it hasn't been used more that 10 times, it isn't included in the cloud?

    ReplyDelete
  52. TheWeirdGirlNovember 21, 2008 at 10:29 PM

    What a cool plug in. I have to try this one out on my site.

    ReplyDelete
  53. AnonymousNovember 27, 2008 at 10:02 AM

    oh thank you I had wondered for ages how to have a cloud and now I have done it!! yippee thanks

    ReplyDelete
  54. feNovember 27, 2008 at 5:15 PM

    I've created a tag cloud that is animated and shows the relationships between tags based on co-occurance... check it out at
    Animated Tag Cloud

    ReplyDelete
  55. *Sally*December 19, 2008 at 2:59 AM

    worked fantastically 1st time, thanks!

    ReplyDelete
  56. Twin Mom ScrapsDecember 20, 2008 at 11:03 PM

    hi...this is the first code that i have found that i actually got to work on my blog. so i have the cloud on my blog, but how do i change the colors to match my layout??

    ReplyDelete
  57. om4gusDecember 21, 2008 at 1:54 PM

    great! I never imagined it actually there's something like this widget in blogger

    ReplyDelete
  58. Tintin.TetayJanuary 11, 2009 at 6:11 PM

    thanks for sharing.

    ReplyDelete
  59. AnonymousJanuary 14, 2009 at 3:29 PM

    It's work see it my site kvamc2rel.blogspot.com

    Thanks,

    ReplyDelete
  60. nains mJanuary 25, 2009 at 5:29 PM

    oh it looks great now!
    i loved this idea of a cloud ever since i saw it on the TAGS app on orkut.
    :-)

    ReplyDelete
  61. Ricardo N. LealJanuary 26, 2009 at 6:23 AM

    how come i can't get it to center? i'm using K2 template.. It is set to center but it keeps aligned to the left.. please help, it's driving me crazy!!!

    ReplyDelete
  62. SwaroopFebruary 1, 2009 at 1:46 PM

    thanx a lot aneesh....your site is rocking...

    ReplyDelete
  63. EneLyaFebruary 22, 2009 at 12:16 AM

    how can i post this in a classic template?

    ReplyDelete
  64. SoCal_MeMarch 2, 2009 at 4:55 AM

    I'm having trouble with step 2.

    I get this errors:

    Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
    XML error message: The character sequence "]]>" must not appear in content unless used to mark the end of a CDATA section.

    Can you tell me what I'm doing wrong? I do not have the 'expand widget box' clicked.

    ReplyDelete
  65. illegalMarch 9, 2009 at 1:34 AM

    It didn`t work!

    ReplyDelete
  66. chocowaferMarch 9, 2009 at 1:47 PM

    Wow. Thanks a lot! I tried three different online instructions and this is the only one that worked. Thanks again!

    ReplyDelete
  67. Shanghai BloggerMarch 11, 2009 at 11:13 PM

    I'm sorry, new to blogging etc but what's a label cloud, what does it do?

    ReplyDelete
  68. RudeeMarch 15, 2009 at 3:47 AM

    wow,, really a good widget,, but i have a slow connection so i put back from my blog... T_T

    ReplyDelete
  69. RandyMarch 19, 2009 at 9:51 PM

    is there any ways to increase the width of the label cloud?

    it seems that labels are being squeezed into that box.

    anyone? please and thanks
    www.facialworld.blogspot.com

    ReplyDelete
  70. UnknownMarch 21, 2009 at 12:55 PM

    Thank you about the label cloud!

    ReplyDelete
  71. ICECrushMarch 23, 2009 at 2:30 AM

    This is really hard for me to install.

    ReplyDelete
  72. Sash SheenMarch 25, 2009 at 6:08 PM

    Amazing! Thanks a Ton!!

    ReplyDelete
  73. Allyson LazarMarch 29, 2009 at 11:57 AM

    perfecto! many thanks!

    ReplyDelete
  74. Ninja Jenn™April 1, 2009 at 12:56 PM

    thank you SO much! works awesomely! <3

    ReplyDelete
  75. UnknownApril 2, 2009 at 2:39 AM

    where do i find the "skin" part

    ReplyDelete
  76. UnknownApril 2, 2009 at 2:45 AM

    and y some of the labels larger than others

    ReplyDelete
  77. UnknownApril 2, 2009 at 2:46 AM

    *y arent some of the labels larger than others

    ReplyDelete
  78. LApril 2, 2009 at 9:14 AM

    seriously, that was so easy even i could figure it out...even the color part!

    Thanks!

    ReplyDelete
  79. LorenApril 8, 2009 at 6:33 PM

    Hi, I followed all the steps exactly and all that is showing up is link back to this blog, any suggestions on how to get it working?

    ReplyDelete
  80. AnonymousApril 11, 2009 at 4:31 AM

    nice tips!

    ReplyDelete
  81. VeroApril 13, 2009 at 10:46 PM

    How do I change the color for the label cloud??

    ReplyDelete
  82. UnknownApril 16, 2009 at 7:08 AM

    I have a question.

    Do we copy and paste the entire 1st box above or stop where it says

    // Don't change anything past this point -----------------

    ReplyDelete
  83. MythApril 18, 2009 at 4:06 PM

    it's working fine for my blog but problem is it's displaying all labels. can i cut it short. Another thing is i want to place at footer ,but i do not know how to it.

    ReplyDelete
  84. chow bellaApril 23, 2009 at 3:21 AM

    I have used this several times whenever I customize my blog and it works every time! I even changed the RGB values to fit with my color schemes with no problems. Thanks!

    ReplyDelete
  85. Artvisualizer Press MediaApril 25, 2009 at 6:18 PM

    nice info.. thanks

    ReplyDelete
  86. MadsApril 26, 2009 at 12:20 AM

    This step by step tutorial is the easiest, I'm no techie but I've installed this on my blog!! I tried the others but either it didn't work or the directions were super complicated.. Thanks for the tutorial..=)

    -Mads
    fashionisthebestmedicine.blogspot.com

    ReplyDelete
  87. longblackveilApril 26, 2009 at 12:39 AM

    Hey Aneesh
    Thanks much for this simple setup instructional. Esp the last important bit, the hex and RGBs. ;)
    Have used it on my blog. Easy like you promised.

    ReplyDelete
  88. CookMay 3, 2009 at 11:50 AM

    thanx!

    ReplyDelete
  89. UnknownMay 8, 2009 at 5:38 PM

    This is a simple to install and easy to customize widget. It worked on first attempt. Thank you so much...Thomas

    ReplyDelete
  90. WurzelMay 8, 2009 at 9:34 PM

    Never imagined I could do something so technical. Perfect instructions thanks

    ReplyDelete
  91. N AbramMay 9, 2009 at 11:17 PM

    Hi, many thanks for your post! At last, I can have a label cloud on my blog! God bless.

    ReplyDelete
  92. BettieMay 12, 2009 at 10:21 AM

    this was really helpful, thanks so much for the simple explanation ;)

    Bettie

    http://www.thisfoodtastesfunny.com/
    http://bettieblogger2009.blogspot.com/

    ReplyDelete
  93. Diane WarthMay 13, 2009 at 7:07 PM

    Not working. The label cloud is there but it
    s empty.

    ReplyDelete
  94. CindyMay 20, 2009 at 1:29 AM

    Thank you! This made it very easy and it worked the first time I tried it!

    ReplyDelete
  95. heroinchiqMay 20, 2009 at 8:55 PM

    big thx

    ReplyDelete
  96. KewlBloggerMay 21, 2009 at 4:56 PM

    code is not working for me. says "head" tag must be parsed with end tag ""

    Please check the code.

    ReplyDelete
  97. bellaMay 21, 2009 at 10:22 PM

    Great information. Whipped out a label cloud and personalized the colors in less than 10 minutes. Took a few extra minutes to figure out that hex converter thingie, but once you get that, it's a cinch. Thanks!

    ReplyDelete
  98. UnknownMay 22, 2009 at 8:23 PM

    Good posting !!

    ReplyDelete
  99. Karun billaMay 25, 2009 at 6:47 PM

    Good Evening

    ReplyDelete
  100. ♛ Kerani Sekolah ♛May 26, 2009 at 6:40 PM

    how to change the color of fonts?

    ReplyDelete
  101. MixMaxMay 30, 2009 at 5:39 PM

    I want to thank you very much for the tip. I already installed it on my blog.

    I did some modification to the colors, but is there a way to change the labels in particular, like size of some or font?

    ReplyDelete
  102. ...all i can share...May 30, 2009 at 11:25 PM

    it is worked, thank you so much :)

    ReplyDelete
  103. mobmaniJune 1, 2009 at 11:41 PM

    hiiiiiiiiiiiiii thanks for good comment it worked on my blog thanks again

    see my blog www.mobmani.blogspot.com

    ReplyDelete
  104. UnknownJune 2, 2009 at 1:52 AM

    @MixMac

    To change the font sizes
    edit the lines
    var minFontSize = 10;
    and
    var maxFontSize = 25;

    ReplyDelete
  105. CONNIEJune 5, 2009 at 3:47 PM

    it helps me! thnks!

    ReplyDelete
  106. DoolallysallyJune 6, 2009 at 11:49 AM

    Hi Aneesh
    I had the label cloud but I messed it up somehow and now I'm confused. Stupidly I didn't save a the original template. Is there anyway I can start it again?
    Sal

    ReplyDelete
  107. UnknownJune 6, 2009 at 11:56 AM

    offcourse you can...

    just add a label cloud again and follow the first part..

    Don't follow the second part that is replacing the ]]></b:skin> thing with the css..

    ReplyDelete
  108. DoolallysallyJune 6, 2009 at 12:09 PM

    oooh yea, well it's done, thanks. Weird how the first letter on the label cloud is obsured though.

    ReplyDelete
  109. UnknownJune 6, 2009 at 12:14 PM

    @Doolallysally you are welcome.. i don't find anything weird about the first letters. can you explain?

    ReplyDelete
  110. DoolallysallyJune 6, 2009 at 12:15 PM

    The A on Autumn which is the first word on the label cloud is only half visible.

    ReplyDelete
  111. UnknownJune 6, 2009 at 12:37 PM

    its fine for me here on firefox..

    ReplyDelete
  112. DoolallysallyJune 6, 2009 at 12:43 PM

    Never mind, must be just me! Thanks so much for all your help though.

    ReplyDelete
  113. CathyJune 6, 2009 at 6:16 PM

    Thanks for that! Found you on Tova Darlings blog and she seems to have the size of her labels increasing and decreasing randomly. Is this just because she has more labels? or can I change mine to do that too?

    ReplyDelete
  114. UnknownJune 6, 2009 at 6:26 PM

    yea i have mentioned that you can change the font size by adjusting the font variables minFontSize and maxFontSize

    The size of the cloud label is determined by the number of posts under each label.So it is not actually random sizes.Those sizes are assigned based on an algorithm actually ripped off from del.icio.us

    ReplyDelete
  115. CathyJune 6, 2009 at 6:52 PM

    yeah i changed the font sizes. But ive only just started my blog so thats probably why.
    Thanks for your help anyway!

    C

    ReplyDelete
  116. Name of companyJune 8, 2009 at 1:23 PM

    this is my error

    Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
    XML error message: The character sequence "]]>" must not appear in content unless used to mark the end of a CDATA section.

    please help me thanks

    ReplyDelete
  117. UnknownJune 8, 2009 at 5:18 PM

    @Tan
    ]]></b:skin>

    did you replace this properly as mentioned?

    ReplyDelete
  118. ClassicUniversityJune 8, 2009 at 7:25 PM

    It will not work for me. Could be user error, but whatever the reason it will not work.

    ReplyDelete
  119. FlorianJune 9, 2009 at 7:21 AM

    Awesome, easy, thanks!

    ReplyDelete
  120. UnknownJune 9, 2009 at 7:23 AM

    @Florian you are welcome!! :)
    @ClassicUniversity what error are you getting??

    ReplyDelete
  121. DeeJune 9, 2009 at 8:29 AM

    Thanks SO much!

    ReplyDelete
  122. THE BYNE GROUPJune 10, 2009 at 2:21 AM

    Thanks that was really easy to do!

    ReplyDelete
  123. UnknownJune 10, 2009 at 1:48 PM

    thanks for sharing this. this works for me!

    ReplyDelete
  124. Analog DesignerJune 11, 2009 at 12:20 AM

    Some how i could not able to do the above. The xml statemet termination is not matching with the termination style which we used in the blogger template. Can you do the code modification if send the code in mail plz...

    ReplyDelete
  125. UnknownJune 11, 2009 at 12:39 AM

    upload the code somewhere and use the contact form to contact me..

    ReplyDelete
  126. CHS Creative Productions BlogJune 11, 2009 at 8:56 AM

    Thanks the easiest one I found, having a problem finding the color changing code, but I'm new to this so I'll keep looking. Thanks again :)

    ReplyDelete
  127. UnknownJune 11, 2009 at 8:57 AM

    @CAROLYN.. what color are you looking for.. i can help you out..

    ReplyDelete
  128. CHS Creative Productions BlogJune 11, 2009 at 9:23 AM

    Found the color code, so darn easy thanks again so much!!!!

    ReplyDelete
  129. noChiiJune 13, 2009 at 2:21 AM

    thank you...i don't even know what html is..but somehow i made it...i'm so happy...^_^
    next step is finding out how to change the color...*i'm not really clever xD*

    ReplyDelete
  130. UnknownJune 13, 2009 at 2:32 AM

    @noChii cool.. you got a nice one on your blog.. just saw it now.. ;)

    come on fix the colors too.. try converting them to pink..it wont be that difficult..

    ReplyDelete
  131. JazJune 14, 2009 at 9:46 AM

    Hi, thanks so much for this! Quick question, in my tag cloud the biggest fonts are always at the top (the ones with the most tags) and the smallest labels are always at the bottom. As I see in your blog and other blogs, you may have one of the larger labels in the middle and a smaller one at the top.. how can I achieve this?
    thank you very much

    ReplyDelete
  132. UnknownJune 15, 2009 at 5:14 PM

    @Jaz that is because you chose to sort the label widget by the number of posts in it..
    Just edit the widget from the Page Layout Page and opt to order the labels alphabetically..

    ReplyDelete
  133. Emily RuthJune 16, 2009 at 10:23 PM

    I'm having the same problem as Tan Chee.
    I can't find the
    skin section you mentioned, even when I have expanded the widget.
    Minima template has something similar, but not exact. When I replace it I get an error

    this is my error

    Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
    XML error message: The character sequence "]]>" must not appear in content unless used to mark the end of a CDATA section.

    What should I do? Any ideas?

    ReplyDelete
  134. Emily RuthJune 16, 2009 at 10:25 PM

    The minima template doesn't have the skin section you mentioned. It has something similar, but not exactly alike. When I replace it, I get the same error message that Tan Chee Yong mentioned.
    Any ideas?

    ReplyDelete
  135. Hassan WilsonJune 17, 2009 at 7:24 PM

    This post was a god send. When I first added the label cloud, I wondered if changing the colors of the labels was a bit ocd but alas...I changed the background of my blog to black and of course the min labels did not show. I read your post and was able to change the color of the min label to show up on the blog. THANK YOU!!!!

    ReplyDelete
  136. UnknownJune 18, 2009 at 2:07 AM

    @Tan Chee Yong just add it to the css part of your template.. i mean the second part involving the #label css thing..
    in your case just place the labels css thing just above
    body {
    @Emily Ruth just do the same thing add it to the css part of your template..i don't have a link to your blog.. so i guess you can figure out where to add the label's css thing.. you just need to add it anywhere in the css part..(hey don't put them within another css definition(i mean don't wrap them within some { } already present..

    ReplyDelete
  137. UnknownJune 18, 2009 at 11:58 AM

    Thanks so much! It looks great!

    ReplyDelete
  138. UsedautosaleJune 18, 2009 at 4:07 PM

    problem with closing message it did not work out

    ReplyDelete
  139. UnknownJune 18, 2009 at 4:43 PM

    @Usedautosale what error did you get.. i had mentioned that you shouldn't expand your widget templates.. hope you didn't..

    ReplyDelete
  140. PratikshaJune 19, 2009 at 4:56 PM

    hey... thnx for this post.... i could make nice lable cloud :D

    ReplyDelete
  141. AnonymousJune 19, 2009 at 5:13 PM

    thnx for post...
    I could create beautiful lable cloud :D

    ReplyDelete
  142. Indonesia Online Jobs SearchingJune 20, 2009 at 6:20 AM

    How to make motion Label Cloud for blogger.

    ReplyDelete
  143. MesinaJune 20, 2009 at 7:01 PM

    Hello there! I've installed the Label Cloud and got my colors and font size sorted...love it! However I am getting that there is an error on the page when it loads. Probably nothing too worrying but I don't like error messages:

    Line : 13
    Char : 3
    Error: 'document.getElementById(...)'is null or not an object
    Code: 0
    URL: http://artisticallynuts.blogspot.com/

    I've checked my code against what I copy and pasted here and it's exactly the same save just the font color and size changes. I've made no changes to any other code.

    Thoughts?

    ReplyDelete
  144. Strange NatureJune 20, 2009 at 8:59 PM

    Cheers for this guide. This has helped me a lot. My catagories were getting too long with the standard label list!!

    ReplyDelete
  145. UnknownJune 22, 2009 at 9:14 AM

    @Strange Nature its looks cute on your blog.. the default coloring of the cloud suits your blog..

    ReplyDelete
  146. Daddys GirlJune 22, 2009 at 1:21 PM

    Excellent tutorial.. love you!! :)

    ReplyDelete
  147. AnonymousJune 23, 2009 at 7:59 PM

    Thanks! This was so much easier than any of the other sites!

    ReplyDelete
  148. AnonymousJune 24, 2009 at 9:27 PM

    cool! NOW MY BLOG LOOKS VERY AWESOME!
    THANX


    http://deathbyporno.blogspot.com
    http://filipinahotties.blogspot.com

    ReplyDelete
  149. gb80June 25, 2009 at 9:55 AM

    Thanks so much for this tut, I have been searching for ages for a way to do this which doesn't make my head explode LOL

    ReplyDelete
  150. UnknownJune 25, 2009 at 10:04 AM

    @Daddys Girl,The_Katura,Anonymous,Gemma
    Thanks for the nice words!! ~ :)

    ReplyDelete
  151. ::lyl::June 25, 2009 at 3:29 PM

    just wondering is there a simple way of doing it cos i have my blog but i really dont' understand a thing about html code isn't there another way of doing it?
    thanks in advance
    :)

    ReplyDelete
  152. MesinaJune 25, 2009 at 5:04 PM

    Any ideas on my error code by chance? Would like to fix it.
    http://artisticallynuts.blogspot.com/

    ReplyDelete
  153. UnknownJune 25, 2009 at 5:08 PM

    @Mesina where do you see this error??

    ReplyDelete
  154. Sara (The Makeup Snob.com)June 25, 2009 at 9:46 PM

    Hi, I keep getting this error code. Do you know what it may mean?

    More than one widget was found with id: HTML7. Widget IDs should be unique.

    ReplyDelete
  155. AnonymousJune 25, 2009 at 11:02 PM

    Love it!! Thank you for the simple directions!

    ReplyDelete
  156. MesinaJune 26, 2009 at 3:35 PM

    It comes up after the page has loaded in the left hand corner of the browser. Showing an ''error on page'' It's probably nothing, but if there was a minor detail that would rectify it it would stop annoying the freak out of me!

    ReplyDelete
  157. UnknownJune 26, 2009 at 3:54 PM

    @Mesina i am not sure what it is..sorry..
    it doesnt show me any error on Firefox 2 or on IE8.

    ReplyDelete
  158. AdminJune 26, 2009 at 7:43 PM

    cool awesome! NOW MY BLOG LOOKS VERY AWESOME!
    THANKS Bloggerplugins.

    http://remixalbum.blogspot.com/

    ReplyDelete
  159. UnknownJune 26, 2009 at 11:55 PM

    @admin thanks for the nice words.. you may increase the minimum font size..

    ReplyDelete
  160. MesinaJune 27, 2009 at 2:43 PM

    Ahh ok, perhaps it's just on my end! As long as it isn't causing any problems I'll leave it at that. Thanks Aneesh for looking into it for me! Other than that, I must say that the cloud looks great on my blog - Thanks!

    ReplyDelete
  161. UnknownJune 27, 2009 at 3:25 PM

    @Mesina you are welcome.. and you can also change the size of the cloud if you wish.. (font size)

    ReplyDelete
  162. ChiewJune 30, 2009 at 4:50 PM

    After trying several times, I still couldn't get it to work. Might be something to do with my template. The error msg was: Your template could not be parsed as it is not well-formed. Please make sure that all XML elements are closed properly.
    XML error message: The character sequence "]]>" must not appear in content unless used to mark the end of a CDATA section.
    My skin line has cdata after it.
    I left the CDATA intact.
    If I removed the ]], I get no error message but I get no clouds and some html appearing at the top of my page.
    Any ideas? Thanks!

    ReplyDelete
  163. UnknownJune 30, 2009 at 6:16 PM

    @Chiew upload the template somewhere and send me a link to download it.. i will try to fix it for you.. you can contact me using the contact form

    ReplyDelete
  164. Becky @ Our Sweet PeasJune 30, 2009 at 10:56 PM

    I know you have helped LOADS of people but I am having the same problem with it being one straight list. I have had it working before and now no matter how many times I follow the instructions that is what I get. My blog is http://oursweetpeasinapod.blogspot.com/
    I saw the instructions about CSS but that means nothing to me. Sorry!

    Any help would be appreciated! Thanks!

    ReplyDelete
  165. Norrizan BakersJuly 3, 2009 at 3:42 PM

    Thank you very much and I love it!

    ReplyDelete
  166. PriyankaJuly 4, 2009 at 12:26 PM

    grt wrk!! easiest instructions to d most amazing results.. keep up!

    ReplyDelete
  167. smiley-sylvieJuly 5, 2009 at 12:34 AM

    Yay! It was so easy... Thank you so much I love it! So much better than the list that is the original widget

    ReplyDelete
  168. hack2enjoyJuly 7, 2009 at 8:58 PM

    it was very easy i hav also put that widget in my blog thanks a lot

    ReplyDelete
  169. author_number_2July 8, 2009 at 5:25 AM

    beautiful
    works like a charm!

    ReplyDelete
  170. UnknownJuly 15, 2009 at 3:57 AM

    hi it didnt work on my blog http://forexopinion.blogspot.com
    i follow the steps as it is .

    ReplyDelete
  171. JanJuly 15, 2009 at 8:58 AM

    Thank you for simplifying the existing widget and with easy instructions to follow. Got it working in minutes!

    ReplyDelete
  172. ini q i L LJuly 15, 2009 at 3:18 PM

    i would like to have different colors of tag cloud. how to change it? thanks

    ReplyDelete
  173. UnknownJuly 15, 2009 at 3:21 PM

    @ini q i L L s follow the last part of the tutorial to change the colors..

    ReplyDelete
  174. Stanton JonesJuly 21, 2009 at 12:50 AM

    Very straightforward - took about 2 minutes.

    Thank you.

    ReplyDelete
  175. SameerJuly 25, 2009 at 2:45 PM

    Worked As a charm.....Loved it os simple

    here is the blog where i put this on...

    Lets-Kickoff.blogspot.com

    ReplyDelete
  176. DieorflyJuly 26, 2009 at 9:10 PM

    Thanks for this tutorial it works perfectly:)

    ReplyDelete
  177. Media GlitzJuly 27, 2009 at 10:43 PM

    this is the simplest label cloud widget that i have ever seen.. hats off to you.

    ReplyDelete
  178. ONe PiNK FiSHJuly 28, 2009 at 5:50 AM

    Can you check out my label cloud and tell me how to keep the words from touching so much. They are very hard to read. Also, what rgb values for teh max and min will give you a nice rainbow cloud. I have tried this for about an hour and am tired.

    I love the cloud though. Very easy to install.

    www.sandersmemoirs.blogspot.com

    ReplyDelete
  179. UnknownJuly 28, 2009 at 2:53 PM

    @ONe PiNK FiSH
    add the line-height parameter to the li

    Find one #labelCloud CSS line in your template and immediately above it,add
    #labelCloud .label-cloud li{line-height:200px;}

    You can change that 200px value to whatever that looks good on your blog..

    ReplyDelete
  180. AdminJuly 29, 2009 at 1:28 AM

    Love this tag cloud, but of course I had to go screw it up. Had it installed and customized (font colors, min and max font size) and it was working great.

    Then, I was fiddling with the CSS for the site, trying to make the overall font size a bit less microscopically small, and it somehow affected the font size in the tag cloud. Didn't notice it until a day or two later when, of course, I couldn't remember what I had changed [note: I'm a college professor, NOT a programmer!].

    Reinstalled the code, but it's still not working properly. It's not recognizing the min and max font sizes, which I have set to 12 and 24. They are all a uniform size. Blog is www.profmomma.blogspot.com. Any thoughts?? Thanks!!

    ReplyDelete
  181. Feminist Voice with DisabilitiesJuly 29, 2009 at 1:38 AM

    Hi, I tried this but the label cloud has no links to it. I'm sorry if this is a stupid question, but I thought the words in the cloud were supposed to link to posts.

    Also, is there any way to make the label cloud smaller?

    My blog is at http://www.suicidalnomore.com

    Thanks for any answers you can provide.

    ~Jen

    ReplyDelete
  182. UnknownJuly 29, 2009 at 3:11 AM

    Hi Jen,
    yea the labels should link to the respective label pages like in mine.
    btw i didn't see any label widget on your site.. :( did you add the label gadget and did you do the big replacement that i had mentioned.. i guess you didn't :)

    ReplyDelete
  183. UnknownJuly 29, 2009 at 3:22 AM

    Hi Amy,
    actually you have the label cloud working perfectly but you have added some CSS rules which overrides the cloud sizes.

    a, a:visited {
    color: #4A3424;
    text-decoration: none;
    font-size: 12px;
    }
    a:hover {
    color: #4A3424;
    text-decoration: underline;
    font-size: 12px;
    }

    This font-size: 12px; is causing the problem.. Delete those 2 lines and you will get back what you wanted.

    ReplyDelete
  184. AdminJuly 29, 2009 at 3:32 AM

    Thanks Aneesh! The weird thing is that those lines were in the original code (except the font size was 10, not 12), but it didn't override the cloud settings. Anyway, it's all fixed. Thanks for this great, easy to use widget!

    ReplyDelete
  185. UnknownJuly 29, 2009 at 3:36 AM

    @Amy D'Unger
    you are always welcome!! great to know that it started to work again.. :)

    ReplyDelete
  186. UnknownJuly 31, 2009 at 11:14 PM

    i Apply this coding on my this blog www.FreeLatestWallpapers.blogspot.com it works Fine, Thanks But Same is Done On www.AmazingIT.blogspot.com but it shows only labels no change is done on colors & size of Font!! I am unable to understand this problem :( is there any problem in me blog template??

    ReplyDelete
  187. UnknownJuly 31, 2009 at 11:37 PM

    @Computer Enginners,
    the different sizes of the cloud items are based on the number of items under a label.. I think most of your labels have the same number of posts under them..am i right??

    ReplyDelete
  188. UnknownAugust 1, 2009 at 10:52 AM

    Yes each label have only one item under it. then What to do for my Blog? :(

    ReplyDelete
  189. UnknownAugust 1, 2009 at 10:57 AM

    @Computer Enginners labels are used to categorize posts.. So categorize them wisely. watz the use if you use the same labels on all your posts.. :)

    ReplyDelete
  190. adminAugust 2, 2009 at 4:39 PM

    The first time i used this piece of code it worked. But later after few hours I saw that the long piece of code is not getting saved everytime I save it there it goes away. Whereas the smaller piece of code stays.

    ReplyDelete
  191. UnknownAugust 2, 2009 at 6:15 PM

    i haven't ever heard of such a bug.. i think you are telling that your label widget gets resetted to the original one..

    try adding once again..
    if it still doesnt help try changing the widget id<b:widget id='Label1' (a weird try.. :) ) change label1 to label2

    ReplyDelete
  192. AnonymousAugust 5, 2009 at 6:47 PM

    Thanks for really wonderful approach of doing things. I have incorporate this on my blog very easily.
    http://khabri-lal.blogspot.com

    ReplyDelete
  193. Gio VeAugust 6, 2009 at 12:03 PM

    Thank You for the very interesting information. I followed Your instructions and all was OK in my sute http://www.pillandia.blogspot.com
    Best wishes!

    ReplyDelete
  194. MyraAugust 12, 2009 at 3:27 AM

    it worked perfectly. thank you

    ReplyDelete
  195. Web DesignAugust 13, 2009 at 1:27 PM

    Thanks for updating all the informations.

    ReplyDelete
  196. Greedy PaulAugust 16, 2009 at 9:03 AM

    it is working thx

    ReplyDelete
  197. ClauAugust 19, 2009 at 8:06 AM

    hello, Im using a modify wordpress template (adstheme) I folow your instructions but my cloud look like rain..just a vertical line !!what can I do? my blog: http://kozip.blogspot.com/ thanks and sorry my english

    ReplyDelete
  198. Matthew RobinsonAugust 20, 2009 at 3:38 AM

    Brilliant, and so simple. If only all the hacks were this straightforward. Thanks!

    ReplyDelete
  199. No Longer 25August 20, 2009 at 8:25 PM

    Wonderful, thanks so much for taking the time to write this for us. Really clear and easy to understand!

    ReplyDelete
  200. vpsAugust 26, 2009 at 4:00 PM

    Hey this is a great post. Thanks for updating. Your easy methods are definitely going to help me.

    ReplyDelete

Subscribe to: Post Comments ( Atom )