
<b:widget id='Label1' locked='false' title='Labels' type='Label'/>
<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='"widget-content " + data:display + "-label-widget-content"'>
<b:if cond='data:display == "list"'>
<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>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 = "<data:label.name/>";
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('labelCloud');
ul = document.createElement('ul');
ul.className = 'label-cloud';
for(var t in ts){
if(ts[t] < cloudMin){
continue;
}
for (var i=0;3 > 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('li');
li.style.fontSize = fs+'px';
a = document.createElement('a');
a.title = ts[t]+' Posts in '+t;
a.style.color = 'rgb('+c[0]+','+c[1]+','+c[2]+')';
a.href = '/search/label/'+encodeURIComponent(t);
if (lcShowCount){
span = document.createElement('span');
span.innerHTML = '('+ts[t]+') ';
span.className = 'label-count';
span.style.color = 'rgb('+c[0]+','+c[1]+','+c[2]+')';
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(' ');
ul.appendChild(abnk);
}
lc2.appendChild(ul);
</script>
</p>
<noscript>
<b:loop values='data:labels' var='label'>
<span expr:class='"label-size label-size-" + 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>
]]></b:skin>
#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:"" !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
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 =
Thank you for such an EASY method. I truly appreciate it.
ReplyDeleteyou are welcome...!! :)
ReplyDeleteI tried this but blogger sure didn't like it. I kept getting that xml tags are not well formed error :(
ReplyDeleteseems like you have expanded the widget templates while performing this tweak.. otherwise it should work fine!!
ReplyDeleteHi Aneesh!
ReplyDeleteThis 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
you are welcome!! nice to have you here.. :)
ReplyDeletethnxxx.
ReplyDeletehow can the color scheme applied to the links in the label cloud be adjusted?
ReplyDeleteyou can change those colors editing the code a little bit..
ReplyDeleteyou 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..
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!!
ReplyDeleteyou are welcome!!!
ReplyDeleteThanks 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!
ReplyDeleteAneesh, 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!!
ReplyDeletewelcome sheri!!!
ReplyDeleteI liked your other blog template. Probably because it had more colors
ReplyDeletethanks.. i will soon try to make up a new custom theme.. :)
ReplyDeletei 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
ReplyDelete(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
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..!!
ReplyDeleteand you cant post html in blogger comment forms unless it is parsed...
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?
ReplyDeleteTHANK YOU!!!
thanks for making it easy!! and for the color alteration instructions!! :)
ReplyDelete@Night Morrisey..
ReplyDeleteJust 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!!!
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..
ReplyDeleteexcellenttttttttttttttt
ReplyDeleteDo 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.
ReplyDeleteAny fix for this?
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.
ReplyDeletethanks 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.. :(
ReplyDeleteGodbless you again Aneesh
ReplyDeletekeep up the good work
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?
ReplyDeletecan 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.
ReplyDeleteIt'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.
ReplyDeleteThanks a lot.... It worked for me..!
ReplyDeletehow to change its color? from green to yellow? can i edit it?
ReplyDeletehi... 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
ReplyDeletelove it - thanks so much
ReplyDeleteThanks for the instructions, it helped now i have label cloud on my blog/website http://techmania-shail.blogspot.com
ReplyDeleteBut 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!!
Amazing !
ReplyDeleteThanks for the cloud. I do wish the lettering came in colours other than neon green though.
ReplyDeleteThanks all the same!
Thank's..it's nice widget
ReplyDeleteAnother cool addition, thanks
ReplyDeleteso nicc.. and amazing post..
ReplyDeleteexcellent post i will come on and read
ReplyDeleteThis is an AWESOME widget! Thank You!
ReplyDeletereally nice... I will use this soon... jiji
ReplyDeleteThanks! that's the simplest tag cloud walk through ever. Now we'll all have our heads in the clouds. Best widget fad EVER.
ReplyDeleteThanks 4 this tutorial...u can also update with this Tag cloud blogumus (bloginfotips)...nice
ReplyDeleteHi,
ReplyDeleteIs 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!
Hi,
ReplyDeleteMy 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?
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..?
ReplyDeletei think when we compare the hex values the min should be indigo and the max should be red..
ReplyDeleteRefer the comments here to know how to set the min color as indigo and the max color as red..
Thanks! Love it! and you have such great directions!
ReplyDeleteIs 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?
ReplyDeleteWhat a cool plug in. I have to try this one out on my site.
ReplyDeleteoh thank you I had wondered for ages how to have a cloud and now I have done it!! yippee thanks
ReplyDeleteI've created a tag cloud that is animated and shows the relationships between tags based on co-occurance... check it out at
ReplyDeleteAnimated Tag Cloud
worked fantastically 1st time, thanks!
ReplyDeletehi...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??
ReplyDeletegreat! I never imagined it actually there's something like this widget in blogger
ReplyDeleteIt's work see it my site kvamc2rel.blogspot.com
ReplyDeleteThanks,
oh it looks great now!
ReplyDeletei loved this idea of a cloud ever since i saw it on the TAGS app on orkut.
:-)
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!!!
ReplyDeletethanx a lot aneesh....your site is rocking...
ReplyDeletehow can i post this in a classic template?
ReplyDeleteI'm having trouble with step 2.
ReplyDeleteI 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.
It didn`t work!
ReplyDeleteWow. Thanks a lot! I tried three different online instructions and this is the only one that worked. Thanks again!
ReplyDeleteI'm sorry, new to blogging etc but what's a label cloud, what does it do?
ReplyDeletewow,, really a good widget,, but i have a slow connection so i put back from my blog... T_T
ReplyDeleteis there any ways to increase the width of the label cloud?
ReplyDeleteit seems that labels are being squeezed into that box.
anyone? please and thanks
www.facialworld.blogspot.com
Thank you about the label cloud!
ReplyDeleteThis is really hard for me to install.
ReplyDeleteAmazing! Thanks a Ton!!
ReplyDeleteperfecto! many thanks!
ReplyDeletethank you SO much! works awesomely! <3
ReplyDeletewhere do i find the "skin" part
ReplyDeleteand y some of the labels larger than others
ReplyDelete*y arent some of the labels larger than others
ReplyDeleteseriously, that was so easy even i could figure it out...even the color part!
ReplyDeleteThanks!
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?
ReplyDeletenice tips!
ReplyDeleteHow do I change the color for the label cloud??
ReplyDeleteI have a question.
ReplyDeleteDo we copy and paste the entire 1st box above or stop where it says
// Don't change anything past this point -----------------
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.
ReplyDeleteI 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!
ReplyDeletenice info.. thanks
ReplyDeleteThis 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..=)
ReplyDelete-Mads
fashionisthebestmedicine.blogspot.com
Hey Aneesh
ReplyDeleteThanks 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.
thanx!
ReplyDeleteThis is a simple to install and easy to customize widget. It worked on first attempt. Thank you so much...Thomas
ReplyDeleteNever imagined I could do something so technical. Perfect instructions thanks
ReplyDeleteHi, many thanks for your post! At last, I can have a label cloud on my blog! God bless.
ReplyDeletethis was really helpful, thanks so much for the simple explanation ;)
ReplyDeleteBettie
http://www.thisfoodtastesfunny.com/
http://bettieblogger2009.blogspot.com/
Not working. The label cloud is there but it
ReplyDeletes empty.
Thank you! This made it very easy and it worked the first time I tried it!
ReplyDeletebig thx
ReplyDeletecode is not working for me. says "head" tag must be parsed with end tag ""
ReplyDeletePlease check the code.
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!
ReplyDeleteGood posting !!
ReplyDeleteGood Evening
ReplyDeletehow to change the color of fonts?
ReplyDeleteI want to thank you very much for the tip. I already installed it on my blog.
ReplyDeleteI did some modification to the colors, but is there a way to change the labels in particular, like size of some or font?
it is worked, thank you so much :)
ReplyDeletehiiiiiiiiiiiiii thanks for good comment it worked on my blog thanks again
ReplyDeletesee my blog www.mobmani.blogspot.com
@MixMac
ReplyDeleteTo change the font sizes
edit the lines
var minFontSize = 10;
and
var maxFontSize = 25;
it helps me! thnks!
ReplyDeleteHi Aneesh
ReplyDeleteI 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
offcourse you can...
ReplyDeletejust 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..
oooh yea, well it's done, thanks. Weird how the first letter on the label cloud is obsured though.
ReplyDelete@Doolallysally you are welcome.. i don't find anything weird about the first letters. can you explain?
ReplyDeleteThe A on Autumn which is the first word on the label cloud is only half visible.
ReplyDeleteits fine for me here on firefox..
ReplyDeleteNever mind, must be just me! Thanks so much for all your help though.
ReplyDeleteThanks 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?
ReplyDeleteyea i have mentioned that you can change the font size by adjusting the font variables minFontSize and maxFontSize
ReplyDeleteThe 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
yeah i changed the font sizes. But ive only just started my blog so thats probably why.
ReplyDeleteThanks for your help anyway!
C
this is my error
ReplyDeleteYour 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
@Tan
ReplyDelete]]></b:skin>
did you replace this properly as mentioned?
It will not work for me. Could be user error, but whatever the reason it will not work.
ReplyDeleteAwesome, easy, thanks!
ReplyDelete@Florian you are welcome!! :)
ReplyDelete@ClassicUniversity what error are you getting??
Thanks SO much!
ReplyDeleteThanks that was really easy to do!
ReplyDeletethanks for sharing this. this works for me!
ReplyDeleteSome 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...
ReplyDeleteupload the code somewhere and use the contact form to contact me..
ReplyDeleteThanks 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@CAROLYN.. what color are you looking for.. i can help you out..
ReplyDeleteFound the color code, so darn easy thanks again so much!!!!
ReplyDeletethank you...i don't even know what html is..but somehow i made it...i'm so happy...^_^
ReplyDeletenext step is finding out how to change the color...*i'm not really clever xD*
@noChii cool.. you got a nice one on your blog.. just saw it now.. ;)
ReplyDeletecome on fix the colors too.. try converting them to pink..it wont be that difficult..
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?
ReplyDeletethank you very much
@Jaz that is because you chose to sort the label widget by the number of posts in it..
ReplyDeleteJust edit the widget from the Page Layout Page and opt to order the labels alphabetically..
I'm having the same problem as Tan Chee.
ReplyDeleteI 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?
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.
ReplyDeleteAny ideas?
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@Tan Chee Yong just add it to the css part of your template.. i mean the second part involving the #label css thing..
ReplyDeletein 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..
Thanks so much! It looks great!
ReplyDeleteproblem with closing message it did not work out
ReplyDelete@Usedautosale what error did you get.. i had mentioned that you shouldn't expand your widget templates.. hope you didn't..
ReplyDeletehey... thnx for this post.... i could make nice lable cloud :D
ReplyDeletethnx for post...
ReplyDeleteI could create beautiful lable cloud :D
How to make motion Label Cloud for blogger.
ReplyDeleteHello 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:
ReplyDeleteLine : 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?
Cheers for this guide. This has helped me a lot. My catagories were getting too long with the standard label list!!
ReplyDelete@Strange Nature its looks cute on your blog.. the default coloring of the cloud suits your blog..
ReplyDeleteExcellent tutorial.. love you!! :)
ReplyDeleteThanks! This was so much easier than any of the other sites!
ReplyDeletecool! NOW MY BLOG LOOKS VERY AWESOME!
ReplyDeleteTHANX
http://deathbyporno.blogspot.com
http://filipinahotties.blogspot.com
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@Daddys Girl,The_Katura,Anonymous,Gemma
ReplyDeleteThanks for the nice words!! ~ :)
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?
ReplyDeletethanks in advance
:)
Any ideas on my error code by chance? Would like to fix it.
ReplyDeletehttp://artisticallynuts.blogspot.com/
@Mesina where do you see this error??
ReplyDeleteHi, I keep getting this error code. Do you know what it may mean?
ReplyDeleteMore than one widget was found with id: HTML7. Widget IDs should be unique.
Love it!! Thank you for the simple directions!
ReplyDeleteIt 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@Mesina i am not sure what it is..sorry..
ReplyDeleteit doesnt show me any error on Firefox 2 or on IE8.
cool awesome! NOW MY BLOG LOOKS VERY AWESOME!
ReplyDeleteTHANKS Bloggerplugins.
http://remixalbum.blogspot.com/
@admin thanks for the nice words.. you may increase the minimum font size..
ReplyDeleteAhh 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@Mesina you are welcome.. and you can also change the size of the cloud if you wish.. (font size)
ReplyDeleteAfter 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.
ReplyDeleteXML 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!
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/
ReplyDeleteI saw the instructions about CSS but that means nothing to me. Sorry!
Any help would be appreciated! Thanks!
Thank you very much and I love it!
ReplyDeletegrt wrk!! easiest instructions to d most amazing results.. keep up!
ReplyDeleteYay! It was so easy... Thank you so much I love it! So much better than the list that is the original widget
ReplyDeleteit was very easy i hav also put that widget in my blog thanks a lot
ReplyDeletebeautiful
ReplyDeleteworks like a charm!
hi it didnt work on my blog http://forexopinion.blogspot.com
ReplyDeletei follow the steps as it is .
Thank you for simplifying the existing widget and with easy instructions to follow. Got it working in minutes!
ReplyDeletei would like to have different colors of tag cloud. how to change it? thanks
ReplyDelete@ini q i L L s follow the last part of the tutorial to change the colors..
ReplyDeleteVery straightforward - took about 2 minutes.
ReplyDeleteThank you.
Worked As a charm.....Loved it os simple
ReplyDeletehere is the blog where i put this on...
Lets-Kickoff.blogspot.com
Thanks for this tutorial it works perfectly:)
ReplyDeletethis is the simplest label cloud widget that i have ever seen.. hats off to you.
ReplyDeleteCan 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.
ReplyDeleteI love the cloud though. Very easy to install.
www.sandersmemoirs.blogspot.com
@ONe PiNK FiSH
ReplyDeleteadd 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..
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.
ReplyDeleteThen, 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!!
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.
ReplyDeleteAlso, 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
Hi Jen,
ReplyDeleteyea 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 :)
Hi Amy,
ReplyDeleteactually 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.
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@Amy D'Unger
ReplyDeleteyou are always welcome!! great to know that it started to work again.. :)
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@Computer Enginners,
ReplyDeletethe 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??
Yes each label have only one item under it. then What to do for my Blog? :(
ReplyDelete@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.. :)
ReplyDeleteThe 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.
ReplyDeletei haven't ever heard of such a bug.. i think you are telling that your label widget gets resetted to the original one..
ReplyDeletetry adding once again..
if it still doesnt help try changing the widget id<b:widget id='Label1' (a weird try.. :) ) change label1 to label2
Thanks for really wonderful approach of doing things. I have incorporate this on my blog very easily.
ReplyDeletehttp://khabri-lal.blogspot.com
Thank You for the very interesting information. I followed Your instructions and all was OK in my sute http://www.pillandia.blogspot.com
ReplyDeleteBest wishes!
it worked perfectly. thank you
ReplyDeleteThanks for updating all the informations.
ReplyDeleteit is working thx
ReplyDeleteBrilliant, and so simple. If only all the hacks were this straightforward. Thanks!
ReplyDeleteWonderful, thanks so much for taking the time to write this for us. Really clear and easy to understand!
ReplyDeleteHey this is a great post. Thanks for updating. Your easy methods are definitely going to help me.
ReplyDeletethanks.. excellent, i copy this tutorial to my blog that im forgotten again..
ReplyDeleteThanks for this info, it helped me a lot.
ReplyDeleteExcellent post. I really enjoy reading your blog.The keyword sniping links are awesome.Keep it up.Thanks for sharing with us. Keep blogging.
ReplyDelete