Instructions for creating a multi-colored tag cloud on Blogger.
First you obviously have to have a blog on Blogger, and you MUST be using the layouts templates,
(this isn't available for classic templates, or FTP published blogs ) and you must have some posts labeled already. (There needs to be at least ONE label with more than ONE entry or the scripts hit a bug - so have at least one label with more than one entry before starting).
Make sure you backup your template before making any changes!
Log into Blogger and go to your layouts section. On the 'Page Elements' setup page
make sure you have a label widget already installed where you want it (it can be moved around
later). Then go to the Edit HTML settings and leave the widgets NOT exapanded. It will make
things easier to deal with.
Now the code comes in 3 parts. A section for the stylesheet, a configurations section,
and then the actual widget itself.
The first part to put in is the stylesheet section. The following code needs to be copied
and inserted into your stylesheet, which in the layouts is marked out by the <b:skin> tags.
Easiest thing to do is find the closing skin tag
]]></b:skin>
and place the code right BEFORE that.
Here it is, copy and paste without modification right now. I'll explain what can be tweaked
later.
/* Label Cloud Styles
----------------------------------------------- */
#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}
----------------------------------------------- */
#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}
This next section is the configuration section for the Cloud. It also goes in the head
of the template, but outside of the stylesheet part. Easiest thing to do again is to find
the closing stylesheet tag
]]></b:skin>
But this time place the code right AFTER that line, but BEFORE the </head> tag. Here it is.
<script
type='text/javascript'>
// Label Cloud User Variables
var cloudMin = 1;
var maxFontSize = 20;
var maxColor = [0,0,255];
var minFontSize = 10;
var minColor = [0,0,0];
var lcShowCount = false;
</script>
// Label Cloud User Variables
var cloudMin = 1;
var maxFontSize = 20;
var maxColor = [0,0,255];
var minFontSize = 10;
var minColor = [0,0,0];
var lcShowCount = false;
</script>
All of these settings can be changed but I'll explain them in a moment. The defaults will work for now.
Now the widget itself. Scroll down and find the label widget in your sidebar. It should look
something like this.
<b:widget id='Label1' locked='false' title='Labels' type='Label'/>
Copy the following code (from beginning widget tag to ending widget tag) and replace
the line above with it.
<b:widget id='Label1'
locked='false' title='Label Cloud' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div id='labelCloud'/>
<script type='text/javascript'>
// 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';
li.style.lineHeight = '1';
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';
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>
<noscript>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<data:label.name/>
<b:else/>
<a expr:href='data:label.url'><data:label.name/></a>
</b:if>
(<data:label.count/>)
</li>
</b:loop>
</ul>
</noscript>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div id='labelCloud'/>
<script type='text/javascript'>
// 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';
li.style.lineHeight = '1';
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';
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>
<noscript>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<data:label.name/>
<b:else/>
<a expr:href='data:label.url'><data:label.name/></a>
</b:if>
(<data:label.count/>)
</li>
</b:loop>
</ul>
</noscript>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
Now if all has gone well, and you have posts already labeled, then if you preview the
blog you should see some form of the Cloud appearing. If it doesn't appear, then something
went wrong. You should probably back out and try it again from the start.
Update : I've found 2 things to check for first if the label cloud isn't showing. First make sure that at least one of your labels has more than one entry. A bug in the script causes it to fail when all the labels have only one entry.(As soon as any label has more than one entry, then it should be ok from then on) Also, make sure that none of your labels contain quote marks " . Apostrophes or single ticks ' are ok. ------
Most likely the cloud with it's default settings won't be what you ultimately want. But all
the colors and sizes are configurable to match your tastes. If the cloud is appearing in preview
then you can go about changing some of the variables so they suit.
The settings in the Variables section will be where you make most of your adjustments. Here I'll
explain what each setting does.
var cloudMin= 1;
This setting you can use to limit the number of labels shown (for example if you have a lot of labels). Leave the setting at 1 to show ALL labels. If you enter in a higher number, then only labels that have at least that number of entries will appear in the cloud.
var maxFontSize = 20;
var maxColor = [0,0,255];
var minFontSize = 10;
var minColor = [0,0,0];
var lcShowCount = false;
The lines for
maxFontSize
maxColor
do what you may think they do. The first one sets the size (in pixels) of the label with the
most amount entries. The maxColor sets the color of that entry (in RGB format). Similiar with
the next two
minFontSize
minColor
Just these are for the label with the least amount of entries. Again the size is in pixels,
the color is in RGB format. Any labels between the two will get their color/sizes based on
how many labels they are, and where their entry count falls, giving the much desired cloud
effect.
From my experimenting, there are many factors that make up a pleasant looking cloud. From
color/size choice, to the number of actual labels, to how well dispersed the entries are amoung
the labels. 3 Labels don't make a good cloud as there isn't much to work with. You just have
to experiment around to see what looks good with your setup.
IMPORTANT, when change the color settings, Keep them in the format supplied. In between the [ ] and
the numbers separated by commas. The default colors are BLUE for the max and BLACK for the min.
You can select any valid RGB color combination. If you don't know what RGB colors are, don't
worry. It's just a way of defining a color. You can use many charts on the Internet to
get the correct RGB value for the color you want to try. Here's one that is fairly good.
RGB Color Code Chart
Remember, if you get the 3 sets of numbers to enter them in correctly. Inside the [ ] separated by
commas.
Also experiment with different font sizes. Again it depends on how many entries, how dispersed
they are, and how much room for the cloud is available as to what looks good.
The last variable there is
lcShowCount
This can either be false (default) or true. All this does is turn off/on the post count displayed
next to the label. Usually in a 'traditional' cloud the count isn't used. But if you go to a
'flat' listing then it's sometimes useful to turn it on.
Now to the CSS section. Most people won't need to tweak these much, and it's not necessary to
understand what all those entries are for. Most are just to make sure that other styling
elements from the rest of your page don't inherit in and ruin the cloud. But there are a few
that you may want to change to suit.
The first line
#labelCloud {text-align:center;font-family:arial,sans-serif;}
You could change the fonts used in the cloud here if you wanted.
Also, the text-align statement can also be changed. I have it set to center by default but you
could use
text-align:justify;
text-align:right;
text-align:left;
If those suit better.
The next line
#labelCloud .label-cloud li{display:inline;background-image:none !important;padding:0 5px;margin:0;vertical-align:baseline !important;border:0 !important;}
Well don't worry about most of it unless you are a hardcore CSS'er. The only one of real
importance is the first entry
display:inline;
You can change that to
display:block;
To get the 'Flat' (each entry on it's own separate line) listing of the weighted entries.
Usually if that is set to block you would probably want to change the sort frequency from
alphabetical to frequency. You do that by editing the widget from the Page Elements tab in
Blogger.
And the last bit I'll mention is the line
#labelCloud .label-count
If you set the lcShowCount variable to true to show the post counts, you could change the
color/size of those numbered entries with that line.
Great job! i added a link to this post in my neighborhood hacks section. I will read the instructions and try it in my blog tomorrow. kinda tired now :)
ReplyDelete- "madman"
Thank you, thank you! I can't wait to get a chance (time) to set it up.
ReplyDeleteMy Mom is impressed. She said she'll try it on her beta test blog as soon as she can figure out what kind of labels to use on a silly Cat blog.
ReplyDeleteIt was so more than one person whining. We beat c0demonkey Kelly to a bloody blonde stain in the street over breaking d2b with that f-upgrade. But it's all better now.
ReplyDeleteThank you for the hack. I've implemented it on my blog, and it looks sooo much better. When I have time I'll post about his and other useful hacks I found on the net.
ReplyDeleteI got it up and running. It is what I have been wanting since starting my blog...a category cloud that leads to a page on my blog of the posts!!!! Thanks. I may work on the font size or colors a bit more, but it is lovely.
ReplyDeleteThanks thanks, IS a great job
ReplyDeleteGlad it worked out for y'all.
ReplyDeleteAnd Ramani thanks for that link, I got some of the spillover from your blog o'note gig. Very kind of you. Thanks!
Thanks!
ReplyDeleteLove this hack and found it very easy to install thanks to your detailed instructions.
Great work!
PUK
Thanks,I love this feature very much:)
ReplyDeleteAnd I also want to know how to add search box in sidebar,please help me,thank u.
-cn.leoyang@gmail.com
so, when are you going to talk about your discovery of label feed URL ;-) seems to work for my blog too! is that a standard way of getting the feed for a category from the original feed?
ReplyDelete@ramani
ReplyDeleteHeh, I was doing just that. :-)
Feeds for Labels in Beta Blogger
Thanks for the most excellent hack!
ReplyDeleteHi Phydeux3. Your code seems to be great, but I couldn't have it working. Could you please point me what could I check for?
ReplyDeleteThanks a lot!!!
@pablo
ReplyDeleteIt looks like it's working, the labels are above the main column and appear to be working. Now you only have one post with two labels so it's not much of a 'cloud' yet, but it's there.:-)
If you aren't seeing it, reload/refresh the page. You may be seeing the old cached version.
Great hack! I got it to work but I can't get the colors to change. I changed the color here:
ReplyDeletevar maxColor = [208,32,144];
var minFontSize = 10;
var minColor = [23
8,130,238]; is this where I cnot right?
@slackermommy
ReplyDeleteI think you figured out the problem, because it's working now on your blog. Looks nice..and pink too!
But just in case it helps someone else, the minColor as you pasted here had an error
var minColor =
[23 8,130,238];
There is a space in the first 23 8
And I presume that was keeping the colors from changing.
Thanks for your great hack!
ReplyDeleteThis is perfect. Love it! Great instructions. Worked a treat first time, no problems at all.
ReplyDeleteThanks for the hack! c",)
hi,
ReplyDeletethis is great! i've been looking for this hack for sometime now...
only problem is that i've it working only only firefox...it doesn't want to load when i use IE...can u help? thanks!
Waz
@Waz,
ReplyDeleteHmm. Looks like we've discovered a bug in the machine.
You've got everything setup ok.
And actually, it's not working as it should in Firefox either, just IE fails worse on the same error and doesn't display anything. Firefox displays something, but the font sizes/colors aren't correct.
While pouring over what might be causing it, finally realized what seems to be triggering the failure in your case.
You have 2 labels, each with only 1 entry. Apparently the mathematics in the script break down somewhere when there are ONLY labels with 1 entry. Try this, just make another post (even if it's just a test post that you will delete) and give it at least one of your current labels. I think that will make it work. As long as there aren't JUST labels with 1 entry it seems to work, just that particular scenario screws the math somewhere.
So try that out and lemme know if it works, I'm pretty sure it will. If so, then that was the issue and once you have a label with more than 1 entry it should continue to work.
thanks bro!!!!
ReplyDeletei've made the rectification and hopefully it will work on IE as well..
thanks for the hacks!!!!! :)
zis label cloud really made my day as none of my friends could help me...
btw, is there a hack for emoticons add in? i've been googling it but i've come across only one entry about it and it doesn't look that great...
thanks again!!! :)
thanks bro!!! :)
ReplyDeletevery helpful n it really made my day!!! :)
keep it up!
What I thought I'd do is add the cloud to a single post and then link to it from my sidebar so the labels aren't permanently littering up my template (I've got tonnes of them you see).
ReplyDeleteIt didn't work because you can't use javascript in the post editor. :(
Great hack though - it worked fine when I tested the code in my template.
@dreamkatcha
ReplyDeleteWell, actually you CAN use javascript in the post editor, there are just some steps to do it to make it work.
But the main reason the 'label cloud' won't work in a post as written is because it uses layout data tags, which absolutely will not work in a post. Things probably could be modified to get an in post listing (would require substantial restructuring), but as is will definitely not work inside a post.
Thanks alot for this post of you. From it I could do something I wanted to implement so far. Cheerz.
ReplyDeleteMany thanks! Works like a charm.
ReplyDeleteBrilliant! Thanks for your work and your excellent walk-through. Worked without a hitch.
ReplyDeleteThank you phydeaux3! I'm having fun playing around with my template courtesy of the neighbourhood hacks and am loving my new label cloud;) I appreciate your very easy-to-follow instructions as well.
ReplyDeleteNext on my agenda: figuring out how I can get Hoctro's navigation tabs to work with my current menu tabs...
This is cool. Thanks for sharing this. I've just started using labels so this is a fun new 'trick' for me.
ReplyDeleteI love the 3 shades of green that you used. When my labels grow, will mine change colors too? Right now it's only one shade of blue, or the other. Do you have 3 colors going - or did I do something wrong?
@tracy
ReplyDeleteWell you got everything setup just fine. But right now, you have your min/max color almost as the same color...there is very little difference between your two selections.
The cloud works by selecting a different shade of color based on the number of entries, and how far/close it is to your max/min color selection...and picks a variant of that to show.
So for example, mine is really a max color of a dark green, and a min color of gold (kinda goldish anyway)...so the colors that come up are different shades in that range. So if you want more shades, pick min/max colors that have more range between them, and the cloud will use those as the start/end points. If that makes sense. :-)
You can also play around with larger font sizes for the two, as the defaults I put in are kinda small, and sometimes look a bit better when they are larger. If I was smarter I'd put up some whizbang color/fontsize picker that would make things easier to play with and get what you want...if I were smarter that is.
great job and thank you!
ReplyDeleteI really want to use this hack, it sounds great but i cant get it to work after 4 attempts! can you take a look please. Environmental Eye
ReplyDelete@debs
ReplyDeleteHey, it looks like you've run into the same problem as I replied to in this previous comment
Basically you have everything setup correctly, but there is a minor bug in the script where it doesn't show up properly when there are only Labels that have only 1 entry.
You've got 2 labels now, each with only 1 entry. As soon as you add another entry to one of the labels, I'm pretty sure it will start working. If necessary, make a test post labelled with with one of your already used labels to check it.
Thanks for sharing phydeaux3!
ReplyDeleteGreat hack, worked like a dream on the first try. Just need to make sure I have 2 entrys to each label lol.
i cant get it to work, tried many times now and do everything as it says here:S
ReplyDelete@marcin
ReplyDeleteGlad it was useful. On the number of entries, once you have at least one label with more than one entry you should be alright. The problem is when all the labels only have one entry...at least I think.
@Kagemonsteret
Other than the above small bug, it should work in a layout template. You have 3 blogs in your profile and if you want me to tell you what is wrong you'll have to point me at the correct one, with it in place.
Big thanks for the warning phydeaux3.
ReplyDeleteHad you not told me I would have make my blog worse.
Too bad that free template I'm using now is still classic.
Didn't know about that.
Hello!
ReplyDeleteI am sorry, but it shows no cloud here. I have tried to repeat the procedure either with Firefox, and with IExplore. Don't understand what's wrong. If I open the "page element" Label Cloud it shows all the labels. Could You please help me?
http://kepallino-and-ominodigomma.blogspot.com/
Thanx
Sergio
@kepallino
ReplyDeleteYes, I see the problem. You have everything setup ok it looks like.
The problem is your choice for the name of one of your labels. You have one named
"primo giorno"
And the " " marks are part of the label. It's the quote marks that are killing the cloud script. If you relabel that and get rid of the " " marks for all instances of that label (There are only 2) then it should start working. You don't have to use " " marks for multiple word labels, but if you really want that you can use single tick marks like
'primo giorno'
And that will work also. The way javascript works in this instance I have to either support apostrophe ' marks or " marks in the label, and I chose the apostrophe since I figured it would be much more common.
Let me know if that fixes it, it should.
@phydeaux3: great! You were right, it works great now! and it's beginning to look like I wanted :)
ReplyDeleteThank You very much for Your support,
Sergio.
Dear Phydeaux,
ReplyDeleteThis cloud widget is a beaut. Followed your instructions on my Beta Blogspot Blog and when I saved the template I got one of those "not parsed properly" messages. I don't know what has happend.
I had to clear it all as when that message comes up Blogger wont save the template. I will come back to it and try again though when I have more time.
It is probably this user's error but just in case - here is my url:
http://skankyjane.blogspot.com/
Maybe your Cloud is not compatible with my template? (It's Ramani's Hackosphere u-ripper-tune hacked 3 col Minima Blogger clone).
Maybe I should have taken the label widget that I added as a "page element" in Blogger Beta away before I added your cloud?
(Although I don't think that is right somehow or I would never have found the id widget label1 code to start with (?)
I'll be back!
Cheers,
SJ xx
Thanks for the instructions, it works perfectly!
ReplyDeleteregards, david
@david
ReplyDeleteGlad it worked out
@Skanky Jane
Well it should be compatible with any layouts template, so that shouldn't be an issue. Usually with that type of error there is a little bit more of a message that follows (maybe not, but usually) and if you try it again and get the error see if there is anything more. That might help me see where things are going wrong.
I remember seeing your real blog before, I like your work. :-)
So if you try it again lemme know.
Really cool! Now can you package it using the new custom widget mechanism? How would that work considering you need to upload some script and styles too?
ReplyDeleteWell actually no, I can't do that Joshua. The new one-click widget stuff only works as an html/javascript widget, and this mod needs access to a label widget to function. I was hoping at first that it could be done, but other types of blog widgets aren't accessable.
ReplyDeleteIt still is a cool feature, and I'm sure some of the smart guys out there will find good uses for it. But this isn't one of them.
Actually, as I was typing out the above answer saying "no", inside my head it was churning "maybe". I may know a way to do it. I'll have to go to the dungeon and work it out. We shall see. :-)
ReplyDeleteHello phydeaux3!
ReplyDeleteExcellent hack, it was a painless installation for a newbie me...flying-porkchop:>
Firstly, thanks very much for this cool tool. I like it a lot, tis very elegant.
ReplyDeleteSecondly, I was wondering if i could request a little help with a small modification....
In an effort to be 'pretty' with the visual aspect of a blog (or whatever) i often use:
onfocus="if(this.blur)this.blur()
in my anchor tags to eliminate the 'selection box' from a button click event. I'm no wizard with js but I'm pretty sure it would not be too hard to add the above text to the script in such a way that it would write this bit of code into the anchor tag.
If someone could point me in the right direction I would surely appreciate it...
Thanks
Thanks a lot. The cloud works a treat. I've reconfigured some of the variables (mostly on text size) - but the script and the instructions were great. Check out my label cloud in operation on http://crasster.blogspot.com. I blogged on it too, so you would receive credit and referrals. Well done.
ReplyDeleteWorks gr8! Thanks
ReplyDeleteAwesome hack! It's so pretty! Thanks heaps phydeaux3. The instructions are so clear and easy to follow. Works like a dream. I've blogged about it Blogger beta label cloud to say thanks and to point people in your direction...
ReplyDeletehi again. i made it work, thanks allot for a great hack
ReplyDeleteThanks so much for this! Your instructions were so easy that even I was able to do it!
ReplyDeleteArigatou gozaimuchness, thank you very much for this. I've been wanting the labels as clouds for like the longest time (k, I exaggerate. It was only since August ^^).
ReplyDeleteB/c I've gone crazy with the labelling, I had to put the clouds in the footer section (I'm using the Minima template) so that the sidebar doesn't stretch into infinity ^^;
Again, thanks!
~huamulan03
PS I credited you in the "support" section of my sidebar (under the Blogger logo)
Is it possible to Integrate this with Technorati tags
ReplyDeleteHi phydeaux3
ReplyDeleteyour label cloud is so awesome I almost took my own life!
Just how can I get a "random" looking cloud, mine seems to be strangely sorted?
Oops. I found the setting. It's perfect now. You rule.
ReplyDeleteGreat job, thank U!
ReplyDeleteCan you make me a cloud for blog contributors plese. Thanks!
ReplyDeletephydeaux3,
ReplyDeleteI've copied your code religiously, but all i get is:
Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
And then,
XML error message: The element type "b:section" must be terminated by the matching end-tag "".
What went wrong?
ken.vs.ryu -
ReplyDeleteI don't even know what a "cloud for blog contributors" would mean.
Dienasty-
I'm assuming you found the problem, as I see a small but working cloud on your undergroundsquared blog.
Nicely done.
ReplyDeleteThanks a lot! it looks really great and your explanations are really clear even for a newbie like me!
ReplyDeleteYup, took me four hours but your excellent intsructions helped. Turned out i had to replace the entire label widget with yuor code, and not just the first line.
ReplyDeleteThanks anyway!
Well the instructions are correct and say to leave the widgets NOT expanded.
ReplyDeleteAnd if that is done, then you only need to replace the one line.
Is there any way to set the number of times a label is used before it shows up in the cloud? I tend to use a lot of labels, but would only like those with 5 or more instances to show up in the cloud.
ReplyDeleteAny insight here would be great. Also, thanks for one of the best laid out tutorials on how to hack the beta template code. I did it right the first time, no retries!
Wonderful walk-through. I'm not worthy! I'm not worthy!
ReplyDeleteHello!,
ReplyDeleteMany thanks for the hack!
I was wondering how to set a condidition to show label.
For example: if there are two or more posts show label.
Andres
I
@kip & @andres,
ReplyDeleteWell you two seem to want about the same thing. I have only one thing to say, you are both "Label Happy". Quit using so many labels!!! :-)
Ok, I'm just kiddin'.
I'll look into it and see if I can work it out. I don't think it's too difficult, but I haven't dug back into the code yet. Watch this space.
Ok, I think I have the additions so you can limit the number of labels displayed by how many entries the label has.
ReplyDeleteIt seems to be working as expected, but I really need to test it out a bit just to make sure it doesn't go crazy under different conditions. I'll probably run it through the grinder tomorrow, and if it passes I'll put the code up then.
Limiting the number of labels shown (by number of entries) is now a part of the setup and instructions.
ReplyDeleteIf you have already installed the cloud, but want to add that feature, the steps are outlined in the post
Blogger Beta Label Cloud Update
Otherwise, if you are just starting from the beginning, just follow the normal instructions page.
Hello.
ReplyDeleteI use your Label Cloud, but I have a problem.
With Firefox its all OK but whit IE in 1 label (Espacios Personales) I have 18 posts, but IE only show 12 posts. Firefox show all 18 posts.
That I can do?
I'm so excited to use this. However, I cannot for the life of me find widget id='Label1'.
ReplyDeleteI can find 'Header1', 'Blog1', 'Profile1', and 'BlogArchive1'.
This particular blog is one I use just to play around with templates before implementing something in my actual blog.
http://mish-and-mash.blogspot.com/
Thank you for any help!!
I figured it out. Please disregard my last comment. Thanks
ReplyDeletenothing happened?
ReplyDelete@pere,
ReplyDeleteIt appears to be working the same in IE and firefox now.
@amy,
glad it's sorted.
@cinging,
It's best if you leave the url to your blog. I'll take a look when I can.
Hi,
ReplyDeleteThanx for the great tips!
?...can you only display the tops tags like a technorati cloud or display only the tags I choose to be in the cloud?
Alisha
swipian.blogspot.com
ReplyDeletehttp://cinging.blogbus.com/files/1166118493.txt
ReplyDeletehi,i'm frustrated.Here is the txt file of my original,i tried all the ways of clouding my label,did'nt work.i mean no label showed on the page,only the words "label cloud" showed.
i don't know what's going on, i switched to another blogger account of mine, and tested, and it worked:http://psxbx.blogspot.com/,but becaused my swipian.blogspot.com contains so many entries now,it's quite difficult to move the content to another content...
Alisha, I recently updated the code so you can set a limit (by number of entries) on which label show up. You have the code before I made those changes. Explaining how to add that to your current setup is here
ReplyDeleteBlogger Beta Label Cloud Update
Cinging,
You are going to have to work with me, a default template, or a link to a blog without it even installed doesn't help me to see where you went wrong. I'm not going to do it for you, I AM willing to take a look at what you've done to see if I can spot the error.
If you want to try that, set it up, if it doesn't work, leave it alone, THEN give me a link to it so I can see. Otherwise, if it doesn't work, then it doesn't work. I don't want to see a template, it has to be the blog with it installed.
If I can't see what you currently have, then I cannot help.
Hey phydeaux3,
ReplyDeleteI got it working!
The problem was that when I added your Label Cloud code to the widget I replaced just that one line (as per your directions) so I still had a little bit of the former Label widget code left over.
But I'm trickier now than I was when I first tried your Cloud - so this time I figured it out! I haven't styled it to suit my blog yet but I love my Cloud already - thank you very much!
(and thanks also for your kind comments about my blog)
SJ xx
I appreciated this blogger hack.
ReplyDeleteI applied this on my blog as your instruction and I translated this into Korean as "ë ìŽëž íŽëŒì°ë Label Clouds in Blogger In beta" for Korean blogger using Blogger in beta.
Please let me know If you don't want to translate into Korean.
Thanks.
Excellent! Works like a charm!
ReplyDeleteyou rock... thanks for putting this out there!
ReplyDeleteGreat!!! Thanks.
ReplyDeleteGreat cloud but...
ReplyDeleteIs it possible to set "days worth". if you prefer, visibility to "forever"?
My problem is in my tags and cloud.
When i choose a label (at the end of any subject) (for exemple: plantes de maison) it dosen't show every post in that subjet.
Wright now, i have 27 subjets for this category. When i click on the label or/and the cloud, it only show 20.
Thank's
:)
Cammu, that's the default way that blogger displays labels. 20 at a time, the OLDER posts link should take you to the previous labelled posts if there are more than 20.
ReplyDeleteFortunately Ramani has already written up how to change that if wanted, and even gave specifics on how to do it for the 'cloud' at the end.
How to control the number of posts in label pages
Hello,
ReplyDeleteI have clicked the following link (http://phy3blog.googlepages.com/Beta-Blogger-Label-Cloud.html) but it doesn't work.
Any idea?
Thanks
Thank's a lot.
ReplyDelete:)
Hi phydeaux3,
ReplyDeleteThe Label cloud idea is simply superb.. But unfortunately its not working on my blog :(
I am using Unicode Tamil fonts and when I use this clouding code, the name of the label gets distorted and the label data in the cloud does not get the right data also :(
My blog url is http://poonspakkangkal.blogspot.com
Do you have a working version for unicode text? or help me in making this work?
Happy New Year 2007 :)
àźȘொàź©்àźž் ,
ReplyDeleteWell that's not good. I had seen this work in a variety of languages, like Chinese, Japanese and Korean, so I figuered there weren't any encoding issues that would be encountered. But apparently not. :-)
So I took a look to try and figure out why it's not working for your language (quite a lovely one it is). It seems the culprit is for some reason Blogger converts some (only some, not most) of the characters in Tamil to their html entities. Everywhere you see something like #3009 is a character that Blogger does it on, which kills the encoding the way the javascript is working. After doing some searching, and pulling out more than a few hairs, I think I stumbled upon a fix that will work for your language. Try this out and let me know if it works.
For the last step, replace what you have from here -(step 3 of the tag cloud)
And instead use this in it's place -
Tamil_encoding_fix
Everything else remains the same, only the last step is what needs to be changed. I THINK this will work. I've tested it in IE,Opera, and Firefox and it seems to work as expected then. Safari I'm not sure on.
I'm still not sure why Blogger doesn't convert to html entities for other languages, and only seems to on certain characters in yours, but in any event, try this out and see if it works.
And a Happy 2007 to you as well!! :-)
Thanks phydeaux3, It works great now.. Thanks a lot for such a quick response..
ReplyDeleteThanks for the code! It looks great on my site :)
ReplyDeleteSo how do post if you use your own URL?
ReplyDeleteAnd, what if I don't have the widgets in my template. I just rolledover to Beta, but I didn't change my template.
Thank you very much for the code!!! I had been looking for something like it for a while now :)
ReplyDeleteexcellent job buddy. I was looking for this for a long time. I have used it on my blog, thanx
ReplyDelete@deb
ReplyDeleteSo how do post if you use your own URL?
You don't. Unfortunately. This will only work in a new Layouts compatible template. And those aren't yet available for blogs publishing via FTP.
Hi, I really like this hack and had no trouble installing it.
ReplyDeleteMy doubt is why doesn't it show randomly in my blog.
The labels apear from the most comon to the less.
I really like that random look...
Can you help me?????
My page is:
http://sofotec.blogspot.com/
Thanks...
@Chaplan
ReplyDeleteTo change the order of the labels, go to your page elements page, edit the label widget, and change the sort from frequency to alphabetical.
This is great! One issue - in IE, the edge of the label cloud is cut off so that I only see part of the label. This is probably a layout issue but was wondering if you could help me! (http://tilttoronto.blogspot.com)
ReplyDeleteHelp! Ive tried this a million times and I keep getting:
ReplyDelete" 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 element type "div" must be terminated by the matching end-tag ""
Theres something going wrong with the widget code for it <_<
Please help! ^_^
This code is absolutely excellent and very easy to implement even for a neophyte like me!
ReplyDeleteCongratulations
@TILT
ReplyDeleteIs the problem in IE6 or 7? I only have 7, and don't see the labels getting cut off at the moment. Although there is a slight indention difference between it and Firefox. Fx and IE handle a lot of css differently, especially I've found with certain ul styles. Maybe the text-indent is being applied in IE??? I may try to look into it deeper when I get the chance.
@didier, and all who have used it
Glad it's working out for you
@haha uk
That particular error leads me to believe you may have missed a step and/or are copying only a part of the code, or are pasting it slightly wrong. Follow the steps exactly (Pay attention to the leave the widgets NOT expanded at the beginning) and make sure you are copying the complete code, and pasting it in the correct spot.
@tilt
ReplyDeleteIf you are still having the issue, try adding this to the Label Cloud Styles
#labelCloud li{text-indent:0px;}
In my quick test, it made the indention about the same in Firefox and IE7. I think justifying the text may have something to do with how IE is treating that block, although I'm not positive on that.
The additional line worked perfectly. Thanks for helping out!
ReplyDeleteWow! Thanks for sharing the hard work! This works so well especially with your instructions. You should re-write the manuals for Vista in your spare time.
ReplyDeleteWhen did Avatar make his blog private? Bummer.
ReplyDeleteThank you so much, this hack is what i need. I know about betablogspot cloud label couple weeks ago when visited one of blog.
ReplyDeleteNow i have it installed on my blog.
I feel kinda stupid for saying this since the cloud thing worked out for everyone. But I tried it and it didn't exactly work. I'm obviously doing something wrong. =[
ReplyDeleteThanks for the easy to follow guide and I love how the cloud looks.The only problem is that when I click the link in the cloud I get "Page not found". There seems to be an extra "/" in the link and I've no idea how to fix it.I was hoping you could have a look and tell me where I've gone wrong.
ReplyDeletehttp://jam-butties.blogspot.com/
Amazing. Yours was the only example of a tag/label cloud that I could find that made any sense. Took me less than five minutes fiddling and no false starts to get it working. No w I just need some more labels!
ReplyDelete@The.Digital.Life
ReplyDeleteIf you try it out and it doesn't work, I would have to see it 'not working' to have a guess at where the problem is.
@anonymous
Your only issue is in the script section where you input your blog's url, you have the trailing slash there. In other words, you have it written as http://jam-butties.blogspot.com/ when it should be just
http://jam-butties.blogspot.com
Just correct that and it should work.
@fences and windows
Glad it worked out.
Jam butties is sorted out. Thanks for responding so quickly and explaining the problem so clearly. I'll link to you next chance I get.
ReplyDeletephydeaux3, to begin with, I'm not very good at codes anyways. I would show you how it's not working but i cant even preview or publish it. Here is the error message that comes up when I try to do either one of these tasks:
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 entity name must immediately follow the '&' in the entity reference.
Also, I would like to add that I don't think that your code doesn't work for me. But I'm doing something wrong, perhaps placing codes in the wrong place.
ReplyDeleteTHANX =] I'll try it again.
ReplyDeleteLooks like a great solution. For a label list for Bloggers who use FTP see this guide to Blogger Labels
ReplyDeletePhydeaux,
ReplyDeleteGreat tutorial/hack! what I've learned from this one is the noscript part. That is a good strategy in case sth is not working right.
Cheers!
The cloud works great for me at my site Some Life. One question I have, there are certain labels that I would like to exclude, any ideas on how to add that?
ReplyDeleteOMG! So sorry. LOL, kinda funny, though. And thanx, the cloud made my blog alot smaller. I like it =]
ReplyDeleteThis is great! The only problem is I can't use it because I use an old-style template. Is there a code so that I can put a tag cloud/list into the sidebar of my template i.e. not using widgets?
ReplyDeletephydeaux3,
ReplyDeleteBravo! Thank you!
Thanks you-normally quite HTML phobic, but that was a pleasure to install.
ReplyDeleteFirstly, thanks for the amazing code. Unfortunately, everytime I implement the code, I get this message:
ReplyDelete>> 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 element type "b:section" must be terminated by the matching end-tag "".
Is there a fix for this? Thanks a million.
you are god-like to me, thanks.
ReplyDeleteThis is awesome and much easier than most of the convoluted blog hacks out there. Thanks for the tip!
ReplyDeleteThanks phydeaux3. Did it tonight, and it works beautifully! So easy! camphoneworld.blogspot.com
ReplyDeleteAwsome! Thank you so much.
ReplyDeleteI had the same experience as Dienasty, and almost gave up after a few hours wondering what went wrong, until I read Dienasty last comment!
Thank you so much Dienasty for solving my problem. Cheers!
Glad it worked out.
ReplyDeleteBut I should point out (again) that if you follow the instructions exactly they state to leave the widgets not expanded, and if you do that, you only have to replace the one line, as that is all the widget.
If you expand the widgets, then yes, you have to replace the entire widget code. I wrote it up like that because replacing the one line is easier. :-)
Worked first time - clearly written, well explained, simple to do. Thanks very much!
ReplyDeletehttp://lesession.blogspot.com
Thanks!! That was very helpful.
ReplyDeleteexcellent script... easy to install.
ReplyDeletegreat job, thanks!
Awesome work! I just implemented ist on dub-dub-dub. Works great!
ReplyDeleteThanks, worked great for me!
ReplyDeleteThank you! I had zero confidence, but your instructions were excellent!
ReplyDeleteDisregard my above post, after playing around here is what you need to do to change the width of the widget:
ReplyDelete#labelCloud {width:180px;text-align:left;font-family:verdana,sans-serif;}
add the desired width in the first line in the css (1st part of the instructions) make sure if you wish it to be wider that you do not exceed your sidebar px count.
Thanks again
I have some problems with this stuff. I am having blogger in beta , but... First of all I can't find skin tag in my template (/b : skin). I have tried to copy those three parts of code somewhere (where you told to place them) in my template , but nothing happends.
ReplyDeleteCan you help me , please?
sloba,
ReplyDeleteIf you don't have the b:skin tags, then you aren't using a Layouts template as required, it's stated at the beginning of the instructions.
And so you can't have followed the rest of the instructions, because they are for the layouts. The label cloud isn't possible in the older 'classic' style templates.
See blogger help if you want to convert over, but keep in mind you have to update any customizations you currently have.
How can I use the new Blogger Layouts features?
Hi phydeaux3, it seems your page for instructions on how to do this is not loading properly for me. Does it load for you? I would love to implement this for my blog. Thanks for your help!!!
ReplyDeleteThis code turns out beautifully and is extremely user-friendly. I gave you props on my blog for doing such a great job on this.
ReplyDeleteThanks!
A million times, THANK YOU. I no longer have Label Cloud Envy.
ReplyDeleteWorks like a charm. I added a NOBR element within the LI so it wouldn't wrap my label names. If you're insterested, I could post the code.
ReplyDeleteGreat work, thank you.
ReplyDeleteI could never continue with my labels list and your code has come to save me!
I loved web weavers world so much so that I had to copy her template, and follow her advice and links and get my very own label cloud. I'm not quite sure how labels or tags work inside of blogs, besides making you go a little crazy trying to remember the previous tags you've set up! I am "new" to the whole blogging thing, but find it absolutely fascinating! Anyway - the label cloud looked really cool! Phydeaux3 explained everything so well that even a moron (i.e me) could follow it, and make it work, first time around! Thanks to both of you so much!!
ReplyDeleteI've bookmarked both sites, so I will definitely be poking around again soon!
I used this on my blog.. looks clean and functional.
ReplyDeleteThe best DIY blog customization I have come across. Worked first time. Looks great. Thanks,
ReplyDeleteChris
http://leadershipqanda.blogspot.com/
Hey, thank you for the nice cloud on my blog :-). It's nice to find a page with such clear directions, once in a while. Thanx!
ReplyDeleteThanks, This works great on my blogger site.
ReplyDeleteIs it possible to have all of my labels not in the sidebar, but in the "main part" (where the content is) either as a tagcloud, or a simple listing? This make sense obviously only when you have a great number of labels.
ReplyDelete@masoko Köztårsasåg
ReplyDeleteYou can have the labels widget anywhere you can drag a widget.
I've seen people put it in the header, the footer, and in the main section. Wherever you want it.
this is really a great script - i just added to my blog http://ondamaris.blogspot.com
ReplyDeletethanks very mich!
and greetings from berlin, germany
First of all, congrats mate, this is an excellent script! I'm using this on my site. It's really cool that you're sharing this.
ReplyDeleteSecondly, thanks for all the support you're giving. I've seen a lot of people who stick on some code on their site and then bugger off, leaving their users confused when they hit a problem. It's really awesome that you've tried to help each person individually.
I think you deserve a post pointing people your way sometime ;)
I would like to echo completely what Jamie said above. Thank you for producing, and sharing your work. And huge respect for your generosity in providing such "hands on" support.
ReplyDeleteI think this has made a huge improvement to my blog.
Thanks, it works great. I've never edited HTML before and I got it to work. I have a private blog for my staff and this gave me another "beat my boss to the punch moment!"
ReplyDeleteThanks a lot for this code...I put it in my blog...and even with single entries, it showed up kewl!! Thanks once again.
ReplyDeletejamie & guy,
ReplyDeletethanks for your kind words. Of course I don't always have the time to jump in immediately, I try to do what I can when people have problems.
And to everyone else, thanks for the comments. It's good to know when you find this useful. :-)
Thank you so very very much. I am a very non-techie person and I could follow your instructions. Bless you.
ReplyDeleteAwesome! My dwacon blog looks 100% kewler, thanks to you!
ReplyDeleteCheers!
Also -- let me know if you'd like a plug!
Help!
ReplyDeleteMine doesn't look like a cloud. It's just a list of all labels...
What can I do?
val,
ReplyDeleteWithout a link to your blog, I haven't any way of knowing what's wrong. My psychic powers are fading in my old age.
haha sorry! :$ My test-blog is probandotemplos.blogspot.com
ReplyDeleteYou wouldn't believe this, but I tried again right now and it works just fine :S this always happens! damn.
Well, anyway, if you want to help (:P), I have this problem: "posted byval" should be "posted by val"
do you have any idea how can I separate that?
Thanx (i know it's not of your business, anyway).
Hey man this is damn good. i am planning to put it on my website . Just wanted to know if the cloud can also have no of posts along with the label
ReplyDelete@val
ReplyDeleteGlad it's working. On the other, not sure, unless there isn't a space either in the widget configuration, or if in the template itself where those tags are written out.
@anonymous
Yes, you can show the post counts. They are off by default, but can be easily turned on. Look in the instructions for the description of
"var lcShowCount" setting.
Right. I'm having a super bout of tag-cloud envy.
ReplyDeletethis is such a lovely feature, yet i can't get it to work...blogger says the b:section tags are not closed, yet everyone else seems to be getting it to work.
Would be so glad if u could please help. should i send u a copy of my template?
thanks in advance.
Hi
ReplyDeleteThanks a lot for your label cloud code.I have used it at my blog
I want to reduce my font size.can you please tell me how to do this
Also If you dont mind , I want to get this link "post a comment" but i do not know hw to do this.Thanx in advance
www.technologikal.blogspot.com
Sanyukta
ReplyDeleteUnfortunately I just don't have the time to actually start doing it for people. Sorry. :-( But if you try it again, pay very close attention to the instructions. If it says to paste something BEFORE something, or AFTER something , do that. Also, make sure you pay attention to the part that says to work on the template with the widgets NOT EXPANDED. When people have said the template wouldn't save, that's usually the problem. The instructions are for doing it with the widgets not expanded.
Ramakrishna goud
How to change the font sizes used are in the instructions. And I'm not sure what you mean about the post a comment link, as you already have one.
Clicking on one of the labels in my Label Cloud does not return the labelled articles, it just goes into a 'redirect loop'. When I paste in the code and change the URL for my blog, the single quotes are replaced by the string ' Example:
ReplyDelete// Label Cloud User Variables
var lcBlogURL = 'staffingpr.blogspot.com';
Using either Firefox or IE, whenever I change it back to a single quote and save, it reverts to the above.
That is my url, staffingpr.blogspot.com. Ideas?
Re: my previous comment concerning single quotes and '
ReplyDeleteI noticed that the URL being passed when clicking on a label contained the blog address twice, ie:
http://blogspot.staffingpr.com/blogspot.staffingpr.com/search/label/*
I simply removed the URL from the jscript area, leaving just the single quotes (which are still replaced with ') and it works ok.
Am I missing something, or does this happen to other users, too?
Mike,
ReplyDeleteYour url is not staffingpr.blogspot.com but
http://staffingpr.blogspot.com
That's the way it should be filled out. But leaving it completly empty with no spaces will work as well, as you found out.
I actually shouldn't have set that part up that way, as it really doesn't need user interaction, but I was thinking on that bit when I did it, and haven't corrected it.
Either leave it empty, or put in the url with the http://
Ok Mike,
ReplyDeleteI've actually taken that part out (where you input your url) of the scripts now and updated the page. Keep everything on your side the same (no need for anyone to change anything they already have setup) but I've made it so people from now on don't have that one extra place to make a mistake.
The whole reason that was even done that way is because when I first set this up (this was early in the Beta), FTP blogs didn't have labels yet and I was unsure how their urls would be different. So I kind of had that as a placeholder in case FTP blogs needed a different url path.
Turns out they did, but they can't use the cloud as FTP blogs can't use the layouts templates. :-)
So I've eliminated that from the code. One less place that people can have a problem.
I have a different layout(bogskin.com) from the blogger. could that be the reason i can't put the code up?
ReplyDeletejet,
ReplyDeleteYes, that's why you cant use this. Old style templates using Old Blogger's template language they refer to as "Classic" templates, and this label cloud can't be used with them.
THANK YOU! This is exactly what I've been looking for since yesterday but I couldn't remember what I needed to type in Google search to find the right resources I needed (i.e. "cloud"). I was typing in "label" etc in Blogger Help and Groups but I'd never find what I needed.
ReplyDeleteI initially thought of changing my label design b/c when the list grows it scrolls so LONG down the sidebar and takes up unnecessary room (re: single file going down in a list). And then I remembered this design you have here and recalled it also showed the words in different sizes to show which blogs were being read most. So I'm loving these ideas over here!
I'll be listing resources on my links page and will be sure to include your site regarding how to add a Label Cloud.
Thank you once again, Greatly appreciated :)
Yay, it worked! Now I'm going to adjust the title and colours, etc.
ReplyDeleteThank you!
Great job in the instructions by the way... you'd be surprised how few people know how to give a set of instructions... it's one of the secrets (and rules) to writing books, novels, etc... you ought to write a book :) It's a gift.
Kudos and thanks! Great script, walkthru, config options.
ReplyDeleteThis is excellent! Thank you!
ReplyDeleteI love your cloud and have implemented it successfully in one blog, HOWEVER... I can't get it to appear as a cloud in my other blog:
ReplyDeletehttp://finalcandidate.blogspot.com
it's just a flat list...any idea what went wrong? thx
The Candidates,
ReplyDeleteHmm. I see the problem. There are some CSS errors which are causing the cloud styles to not render. I see 3, but I think the last two are the ones that are causing the problems..might as well get all of 'em. These errors are outside of the cloud setup.
In your stylesheet find
#sidebar a:visited {
color:sidebarlinkcolor;
text-decoration:none;
}
That entry is missing it's $ in front of sidebarlinkcolor, this is for the blogger font/color picker. It should be
#sidebar a:visited {
color:$sidebarlinkcolor;
text-decoration:none;
}
The two that I think are actually causing the issue with the cloud are a bit further down. Find these two
#footer-wrapper {
margin: 0;
padding: 0 0 9px 0;
font-size: 85%;
color: #ddd;
#footer {
margin: 0;
padding: 20px 320px 20px 95px;
They both have the same issue, are missing the closing } bracket for each. This is causing the CSS right after it (which is for the label cloud) not to render properly. Close both of them up like
#footer-wrapper {
margin: 0;
padding: 0 0 9px 0;
font-size: 85%;
color: #ddd;
}
#footer {
margin: 0;
padding: 20px 320px 20px 95px;
}
Should fix 'er up.
Awesome widget, thanks so much. I love the way it looks. Your instructions were dynamite!
ReplyDeleteHello phydeaux3,
ReplyDeleteI have just installed the code on my blog and I do get a kind of list cloud, but not quite a cloud. It also inherit the format of the sections of the sidebar.
I am using a template i found on the web and have modified a little myself. I was wondering what should I do to make it appear as a proper cloud and to not use the format from the other sidebar sections.
Thanks a lot
iMike
velascomike.blogspot.com
Hey, thanks for the great code! it worked perfectly! just need more time to explore it further to tweak it. Awesome job! keep it up!
ReplyDelete@Michael
ReplyDeleteHmm. That template you are using does seem a bit of a problem. I tried to make the CSS section so it takes precedence in most all cases, but in that template it doesn't. I see some of the things that need to be done to fix it for Firefox, but IE7 is still being a pain...will have to get back to you on this one.
thanks phydeaux3 :)
ReplyDeletei've already installed it on my blog's header (after few modifications):
bact.blogspot.com
i also made it be able to "expand"/"collapse"
(nothing much, just wrap your code into a function, and call it with different cloudMin value).
thanks so much again, this is very useful :)
Hi, I am beginner korean google blogger. your blog is exellent!!
ReplyDeleteI want to get your "blog archive" (like a calendar)
How to install that? teach me, please!!
(I installed your label cloude!! Exellent!!)
Thx so much phydeaux3, works great now, youre a star!!!
ReplyDeleteDelete a label
ReplyDeleteHi I have implemented yout great cloud on my blog http://sharrondemol.blogspot.com ... however now I have a problem, I hope someone can help. (it might not even be a cloud problem)
I have some labels that no longer apply. I have unchekced them in the postings section but they still show up in the cloud on the sidebar and also in the list on the themes widget. how can I remove them for good? thx and best wishes.
Regarding my last comment on removing labels: I should have researched irst: fals label count is a known issue in blogger...it's a bug that has yet to be fixed and has nothing whatsoever to do with the fantastic label cloud!
ReplyDeleteThank you for the code and the straight forward instructions. It took just the one try to get it right. I hope you don't mind, but I wrote a post on my blog linking back to yours.
ReplyDeleteThanks for your code. It work great on my blog
ReplyDeleteThanks so much for this code. Simple to install and works great. :)
ReplyDeleteHello phydeaux3,
ReplyDeleteSorry to bother you again. Have you got a chance to look into my issue?
Thank you very much
@michael
ReplyDeleteYeah, I hadn't forgot. Just kept getting frustrated. I took a look originally and found the issue for Firefox very quickly, but IE was being a pain. It wouldn't cooperate, and I just couldn't see the problem. So I left it to come back and take a fresh look. Checked again a few days ago, and got to the same point again. Just couldn't find the problem for IE only.
I went back in for the final time tonight. Either I was going to find it, or I was giving up. But I don't like to give up.
Finally saw the culprit keeping IE from working. I've made an updated style section for that template, replace what you have now in the css part for the label cloud with this
Label cloud styles for andreas02
I think that does it. Try it out and lemme know.
The problem was, besides some a sidebar elements being set to block (easy enough to fix) that design also set the width of the a (link) elements. Getting everything to display inline (cloud formation) was easy enough, but IE was applying that width statement even then keeping each entry on each line...which it really shouldn't. Once switched to inline, width statements shouldn't be applied as they are for block elements only, but apparently IE will still apply them anyway. Not surprising. That was the big sticking point.
Thanks phydeaux3!
ReplyDeleteYou totally rock man, it now works like a charm :)
I really appreciate that you looked at this problem.
Thanks again
Mike
Great job!
ReplyDeleteThanks phydeaux3!
this tips work to on me....
[broifsix.blogspot.com]
u're awesome...
good job! thx! it does work!
ReplyDeleteIs it possible to have two clouds at a time in a blog that is one in english and other in other languages or native languages?if possible ,Do give some tutorials.Thanks
ReplyDeleter2307,
ReplyDeleteThe cloud works off the labels that Blogger has. So I don't know of anyway of splitting it off into separate languages.
I have zero technical skills and your directions were perfect - my cloud is up and running. THANK YOU!!
ReplyDeleteWow, this is exactly what I needed! I had tried various (complicated) methods in my Wordpress blog but have now switched to Blogger to make everything easier.
ReplyDeleteI only wish Blogger could somehow include this in their formatting!