Code for New Blogger Tag Cloud / Label Cloud
Due to overwhelming demand (ok, it was one person) I've gone ahead and wrote up the code and explanations on how to setup and use the highly desireable Label Cloud for New Blogger. Because everyone wants a tag cloud for Blogger. I think everything is correct there, but if you try to set it up and run into any problems I blame Avatar. :-)
I've set the page up off-site since I don't feel like mucking with code in the Blogger post editor at the moment. And if you have any questions feel free to ask. Pay close attention to the BACKUP YOUR TEMPLATE before proceding notice. Here's the link to the setup and instructions...
One thing I might add, the cloud is done with javascript so it will only display when javascript is enabled. But the widget includes a noscript section so that users without javascript enabled will still get a normal label listing.
I've set the page up off-site since I don't feel like mucking with code in the Blogger post editor at the moment. And if you have any questions feel free to ask. Pay close attention to the BACKUP YOUR TEMPLATE before proceding notice. Here's the link to the setup and instructions...
New Blogger Tag Cloud / Label Cloud Setup and Instructions
One thing I might add, the cloud is done with javascript so it will only display when javascript is enabled. But the widget includes a noscript section so that users without javascript enabled will still get a normal label listing.
Post a Comment
«Oldest ‹Older 1 – 200 of 809 Newer› Newest»809 comments:
-
Ramani
said...
-
-
Wed Sep 06, 12:10:00 AM -05:00
-
anniebluesky
said...
-
-
Wed Sep 06, 08:14:00 AM -05:00
-
Rascal
said...
-
-
Wed Sep 06, 08:39:00 AM -05:00
-
pfw
said...
-
-
Wed Sep 06, 07:17:00 PM -05:00
-
|3run0
said...
-
-
Wed Sep 06, 08:58:00 PM -05:00
-
anniebluesky
said...
-
-
Thu Sep 07, 10:08:00 AM -05:00
-
HellBoy
said...
-
-
Thu Sep 07, 01:23:00 PM -05:00
-
phydeaux3
said...
-
-
Thu Sep 07, 07:06:00 PM -05:00
-
PUK
said...
-
-
Fri Sep 08, 04:13:00 AM -05:00
-
Leo Yang
said...
-
-
Fri Sep 08, 08:02:00 PM -05:00
-
Ramani
said...
-
-
Fri Sep 08, 08:24:00 PM -05:00
-
phydeaux3
said...
-
-
Fri Sep 08, 09:21:00 PM -05:00
-
Lee
said...
-
-
Sun Sep 10, 07:23:00 PM -05:00
-
Pablo F.
said...
-
-
Mon Sep 11, 12:23:00 PM -05:00
-
phydeaux3
said...
-
-
Mon Sep 11, 04:16:00 PM -05:00
-
slackermommy
said...
-
-
Tue Sep 12, 01:39:00 PM -05:00
-
phydeaux3
said...
-
-
Tue Sep 12, 04:55:00 PM -05:00
-
indy
said...
-
-
Wed Sep 13, 06:18:00 AM -05:00
-
Caroline Natasha
said...
-
-
Sat Sep 16, 04:37:00 PM -05:00
-
Waz
said...
-
-
Sun Sep 17, 12:23:00 PM -05:00
-
phydeaux3
said...
-
-
Sun Sep 17, 09:15:00 PM -05:00
-
Waz
said...
-
-
Mon Sep 18, 02:19:00 PM -05:00
-
Waz
said...
-
-
Tue Sep 19, 02:25:00 PM -05:00
-
dreamkatcha
said...
-
-
Wed Sep 20, 03:54:00 AM -05:00
-
phydeaux3
said...
-
-
Thu Sep 21, 11:00:00 PM -05:00
-
p+k
said...
-
-
Fri Sep 22, 12:51:00 AM -05:00
-
Pseudo8
said...
-
-
Sun Sep 24, 12:32:00 PM -05:00
-
Alex
said...
-
-
Mon Sep 25, 10:08:00 PM -05:00
-
♥angelinnocent♥
said...
-
-
Sat Sep 30, 02:48:00 AM -05:00
-
Tracy
said...
-
-
Thu Oct 05, 02:26:00 AM -05:00
-
phydeaux3
said...
-
-
Thu Oct 05, 03:02:00 AM -05:00
-
noiz
said...
-
-
Tue Oct 17, 03:02:00 AM -05:00
-
Debs
said...
-
-
Thu Oct 19, 05:40:00 PM -05:00
-
phydeaux3
said...
-
-
Thu Oct 19, 09:01:00 PM -05:00
-
Marcin
said...
-
-
Fri Nov 03, 11:27:00 AM EST
-
Kagemonsteret
said...
-
-
Fri Nov 03, 02:38:00 PM EST
-
phydeaux3
said...
-
-
Fri Nov 03, 10:24:00 PM EST
-
Origena
said...
-
-
Sat Nov 04, 04:35:00 AM EST
-
kepallino
said...
-
-
Sat Nov 04, 08:20:00 PM EST
-
phydeaux3
said...
-
-
Sat Nov 04, 09:37:00 PM EST
-
kepallino
said...
-
-
Sat Nov 04, 09:43:00 PM EST
-
Skanky Jane
said...
-
-
Sun Nov 05, 05:49:00 AM EST
-
david
said...
-
-
Sun Nov 05, 02:39:00 PM EST
-
phydeaux3
said...
-
-
Sun Nov 05, 10:49:00 PM EST
-
Joshua
said...
-
-
Fri Nov 10, 07:05:00 PM EST
-
phydeaux3
said...
-
-
Sat Nov 11, 02:15:00 AM EST
-
phydeaux3
said...
-
-
Sat Nov 11, 02:25:00 AM EST
-
LMZ
said...
-
-
Sat Nov 11, 08:32:00 PM EST
-
frag.monkey
said...
-
-
Wed Nov 15, 07:44:00 AM EST
-
crasster
said...
-
-
Wed Nov 15, 08:36:00 PM EST
-
Vivek Sanghi
said...
-
-
Sat Nov 18, 03:23:00 AM EST
-
webweaver
said...
-
-
Mon Nov 20, 04:41:00 AM EST
-
Kagemonsteret
said...
-
-
Mon Nov 20, 05:47:00 PM EST
-
Anita
said...
-
-
Tue Nov 28, 03:07:00 PM EST
-
huamulan03
said...
-
-
Wed Nov 29, 09:31:00 PM EST
-
Kim Siegler
said...
-
-
Fri Dec 01, 03:02:00 AM EST
-
jörg
said...
-
-
Fri Dec 01, 06:05:00 AM EST
-
jörg
said...
-
-
Fri Dec 01, 06:26:00 AM EST
-
Q
said...
-
-
Mon Dec 04, 10:59:00 PM EST
-
ken.vs.ryu
said...
-
-
Tue Dec 05, 01:09:00 AM EST
-
Dienasty
said...
-
-
Tue Dec 05, 05:07:00 AM EST
-
phydeaux3
said...
-
-
Wed Dec 06, 04:54:00 AM EST
-
Rose
said...
-
-
Wed Dec 06, 06:44:00 PM EST
-
Daarxide
said...
-
-
Thu Dec 07, 03:16:00 PM EST
-
Dienasty
said...
-
-
Thu Dec 07, 09:40:00 PM EST
-
phydeaux3
said...
-
-
Fri Dec 08, 12:04:00 AM EST
-
KIP
said...
-
-
Fri Dec 08, 11:54:00 AM EST
-
Jessica
said...
-
-
Sat Dec 09, 10:46:00 PM EST
-
Andres
said...
-
-
Sun Dec 10, 12:33:00 AM EST
-
phydeaux3
said...
-
-
Sun Dec 10, 02:07:00 AM EST
-
phydeaux3
said...
-
-
Sun Dec 10, 04:08:00 AM EST
-
phydeaux3
said...
-
-
Mon Dec 11, 01:36:00 AM EST
-
Pere
said...
-
-
Tue Dec 12, 11:33:00 AM EST
-
Amy
said...
-
-
Wed Dec 13, 01:25:00 AM EST
-
Amy
said...
-
-
Wed Dec 13, 01:29:00 AM EST
-
cinging
said...
-
-
Wed Dec 13, 11:32:00 PM EST
-
phydeaux3
said...
-
-
Thu Dec 14, 02:50:00 AM EST
-
Bonita Applebum
said...
-
-
Thu Dec 14, 07:33:00 AM EST
-
cinging
said...
-
-
Thu Dec 14, 09:45:00 AM EST
-
cinging
said...
-
-
Thu Dec 14, 12:55:00 PM EST
-
phydeaux3
said...
-
-
Thu Dec 14, 08:53:00 PM EST
-
Skanky Jane
said...
-
-
Fri Dec 15, 11:47:00 AM EST
-
zizukabi
said...
-
-
Fri Dec 15, 02:45:00 PM EST
-
Lissi
said...
-
-
Fri Dec 15, 10:38:00 PM EST
-
i
said...
-
-
Sun Dec 17, 07:30:00 PM EST
-
birdmanesq
said...
-
-
Sun Dec 17, 09:38:00 PM EST
-
cammu
said...
-
-
Mon Dec 18, 09:37:00 AM EST
-
phydeaux3
said...
-
-
Tue Dec 19, 11:21:00 PM EST
-
Anonymous
said...
-
-
Wed Dec 20, 05:46:00 PM EST
-
cammu
said...
-
-
Thu Dec 21, 05:04:00 PM EST
-
பொன்ஸ்~~Poorna
said...
-
-
Thu Dec 28, 07:14:00 AM EST
-
phydeaux3
said...
-
-
Thu Dec 28, 10:56:00 PM EST
-
பொன்ஸ்~~Poorna
said...
-
-
Fri Dec 29, 02:18:00 AM EST
-
tijir
said...
-
-
Fri Dec 29, 09:37:00 PM EST
-
deb
said...
-
-
Sat Dec 30, 01:51:00 PM EST
-
Mari
said...
-
-
Sun Dec 31, 11:59:00 AM EST
-
webmaster
said...
-
-
Mon Jan 01, 05:44:00 PM EST
-
phydeaux3
said...
-
-
Mon Jan 01, 07:02:00 PM EST
-
Chaplan
said...
-
-
Thu Jan 04, 01:52:00 PM EST
-
phydeaux3
said...
-
-
Thu Jan 04, 09:32:00 PM EST
-
TILT
said...
-
-
Sun Jan 07, 02:12:00 AM EST
-
HaHa UK
said...
-
-
Mon Jan 08, 06:13:00 PM EST
-
Didier Lebouc
said...
-
-
Tue Jan 09, 04:25:00 PM EST
-
phydeaux3
said...
-
-
Tue Jan 09, 08:15:00 PM EST
-
phydeaux3
said...
-
-
Tue Jan 09, 10:49:00 PM EST
-
TILT
said...
-
-
Wed Jan 10, 01:11:00 AM EST
-
Aspi
said...
-
-
Tue Jan 16, 10:11:00 PM EST
-
Southern Writer
said...
-
-
Wed Jan 17, 05:09:00 PM EST
-
Kuswanto
said...
-
-
Sat Jan 20, 12:10:00 AM EST
-
The.Digital.Life
said...
-
-
Sun Jan 21, 07:18:00 PM EST
-
Anonymous
said...
-
-
Mon Jan 22, 09:47:00 PM EST
-
Fences and Windows
said...
-
-
Mon Jan 22, 11:00:00 PM EST
-
phydeaux3
said...
-
-
Mon Jan 22, 11:16:00 PM EST
-
Anonymous
said...
-
-
Tue Jan 23, 08:17:00 AM EST
-
The.Digital.Life
said...
-
-
Tue Jan 23, 03:26:00 PM EST
-
The.Digital.Life
said...
-
-
Tue Jan 23, 03:28:00 PM EST
-
The.Digital.Life
said...
-
-
Wed Jan 24, 05:52:00 PM EST
-
Brauer
said...
-
-
Fri Jan 26, 06:06:00 AM EST
-
Hoctro
said...
-
-
Fri Jan 26, 03:33:00 PM EST
-
Ken Hanscom
said...
-
-
Fri Jan 26, 03:40:00 PM EST
-
The.Digital.Life
said...
-
-
Fri Jan 26, 03:56:00 PM EST
-
Anji
said...
-
-
Fri Feb 02, 04:48:00 AM EST
-
Helio
said...
-
-
Mon Feb 05, 10:28:00 PM EST
-
Alex
said...
-
-
Sat Feb 10, 07:16:00 PM EST
-
Jo
said...
-
-
Sat Feb 10, 08:09:00 PM EST
-
The library
said...
-
-
Sat Feb 10, 10:28:00 PM EST
-
John VonMutius
said...
-
-
Wed Feb 14, 11:24:00 AM EST
-
janina
said...
-
-
Fri Feb 16, 04:26:00 AM EST
-
aroengbinang
said...
-
-
Sat Feb 17, 07:22:00 AM EST
-
phydeaux3
said...
-
-
Sat Feb 17, 07:54:00 AM EST
-
Steve
said...
-
-
Sat Feb 17, 10:10:00 AM EST
-
rachna
said...
-
-
Sat Feb 17, 01:05:00 PM EST
-
Kevin
said...
-
-
Mon Feb 19, 11:00:00 AM EST
-
Heiner
said...
-
-
Tue Feb 20, 01:13:00 AM EST
-
Rae
said...
-
-
Tue Feb 20, 09:51:00 AM EST
-
Elizabeth
said...
-
-
Wed Feb 21, 06:34:00 PM EST
-
shackk
said...
-
-
Wed Feb 21, 10:05:00 PM EST
-
Sloba
said...
-
-
Sat Feb 24, 09:10:00 AM EST
-
phydeaux3
said...
-
-
Sat Feb 24, 04:30:00 PM EST
-
Gdog
said...
-
-
Tue Feb 27, 10:12:00 PM EST
-
Chris Serico
said...
-
-
Wed Feb 28, 02:24:00 AM EST
-
wendy
said...
-
-
Wed Feb 28, 03:16:00 AM EST
-
Tim
said...
-
-
Fri Mar 02, 01:44:00 AM EST
-
Depa
said...
-
-
Tue Mar 06, 09:20:00 AM EST
-
Mz Blogger
said...
-
-
Wed Mar 07, 02:58:00 PM EST
-
Nerd (beta)
said...
-
-
Thu Mar 08, 04:11:00 AM EST
-
Chris Newham
said...
-
-
Thu Mar 08, 04:34:00 PM EST
-
Mirishi
said...
-
-
Mon Mar 12, 03:49:00 PM -05:00
-
W
said...
-
-
Wed Mar 14, 12:45:00 PM -05:00
-
Masoko Köztársaság
said...
-
-
Fri Mar 16, 04:12:00 PM -05:00
-
phydeaux3
said...
-
-
Sun Mar 18, 01:30:00 AM -05:00
-
Onda Maris
said...
-
-
Sun Mar 18, 06:14:00 AM -05:00
-
Jamie
said...
-
-
Mon Mar 19, 09:10:00 AM -05:00
-
Guy
said...
-
-
Tue Mar 20, 08:43:00 AM -05:00
-
Anonymous
said...
-
-
Tue Mar 20, 10:18:00 AM -05:00
-
A Yunus
said...
-
-
Wed Mar 21, 02:46:00 PM -05:00
-
phydeaux3
said...
-
-
Thu Mar 22, 04:07:00 AM -05:00
-
Suzanne
said...
-
-
Wed Mar 28, 01:55:00 AM -05:00
-
Dwacon
said...
-
-
Wed Mar 28, 09:18:00 PM -05:00
-
val
said...
-
-
Thu Mar 29, 05:19:00 PM -05:00
-
phydeaux3
said...
-
-
Thu Mar 29, 08:37:00 PM -05:00
-
val
said...
-
-
Fri Mar 30, 10:45:00 AM -05:00
-
Anonymous
said...
-
-
Fri Mar 30, 06:11:00 PM -05:00
-
phydeaux3
said...
-
-
Sat Mar 31, 06:23:00 PM -05:00
-
Sanyukta
said...
-
-
Sun Apr 01, 11:13:00 AM -05:00
-
Ramakrishna goud
said...
-
-
Mon Apr 02, 02:34:00 PM -05:00
-
phydeaux3
said...
-
-
Mon Apr 02, 05:57:00 PM -05:00
-
Mike Burtner
said...
-
-
Wed Apr 04, 06:09:00 AM -05:00
-
Mike Burtner
said...
-
-
Wed Apr 04, 06:34:00 AM -05:00
-
phydeaux3
said...
-
-
Wed Apr 04, 09:13:00 PM -05:00
-
phydeaux3
said...
-
-
Thu Apr 05, 12:04:00 AM -05:00
-
jEt
said...
-
-
Thu Apr 05, 10:20:00 AM -05:00
-
phydeaux3
said...
-
-
Fri Apr 06, 02:47:00 AM -05:00
-
My Stereo Magnet Girl
said...
-
-
Wed Apr 11, 01:51:00 PM -05:00
-
My Stereo Magnet Girl
said...
-
-
Wed Apr 11, 02:09:00 PM -05:00
-
Nick
said...
-
-
Thu Apr 12, 12:11:00 AM -05:00
-
Bizzy B
said...
-
-
Thu Apr 12, 05:01:00 PM -05:00
-
The Candidates
said...
-
-
Thu Apr 12, 08:11:00 PM -05:00
-
phydeaux3
said...
-
-
Thu Apr 12, 08:28:00 PM -05:00
-
indy
said...
-
-
Fri Apr 13, 01:32:00 AM -05:00
-
Michael
said...
-
-
Fri Apr 13, 05:17:00 PM -05:00
-
Eric
said...
-
-
Sat Apr 14, 12:08:00 AM -05:00
-
phydeaux3
said...
-
-
Sat Apr 14, 02:19:00 AM -05:00
-
bact'
said...
-
-
Sat Apr 14, 09:58:00 PM -05:00
-
구글블로거
said...
-
-
Sun Apr 15, 02:10:00 AM -05:00
-
The Candidates
said...
-
-
Mon Apr 16, 06:45:00 PM -05:00
-
Sharron de Mol
said...
-
-
Mon Apr 16, 06:54:00 PM -05:00
-
Sharron de Mol
said...
-
-
Mon Apr 16, 07:25:00 PM -05:00
-
Mark Bates
said...
-
-
Tue Apr 17, 10:37:00 AM -05:00
-
pnix
said...
-
-
Thu Apr 19, 01:57:00 PM -05:00
-
Amanda
said...
-
-
Fri Apr 20, 11:29:00 AM -05:00
-
Michael
said...
-
-
Fri Apr 20, 12:43:00 PM -05:00
-
phydeaux3
said...
-
-
Sat Apr 21, 01:31:00 AM -05:00
-
Michael
said...
-
-
Sat Apr 21, 08:52:00 PM -05:00
-
br0
said...
-
-
Sun Apr 22, 10:17:00 PM -05:00
-
Michał Popiela
said...
-
-
Mon Apr 23, 08:55:00 AM -05:00
-
R2307
said...
-
-
Mon Apr 23, 11:08:00 AM -05:00
-
phydeaux3
said...
-
-
Mon Apr 23, 04:27:00 PM -05:00
-
Anonymous
said...
-
-
Mon Apr 23, 08:57:00 PM -05:00
-
Amanda
said...
-
-
Tue Apr 24, 07:59:00 AM -05:00
«Oldest ‹Older 1 – 200 of 809 Newer› Newest»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 :)
- "madman"
Thank you, thank you! I can't wait to get a chance (time) to set it up.
My 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.
It 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.
Thank 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.
I 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.
Thanks thanks, IS a great job
Glad it worked out for y'all.
And Ramani thanks for that link, I got some of the spillover from your blog o'note gig. Very kind of you. Thanks!
Thanks!
Love this hack and found it very easy to install thanks to your detailed instructions.
Great work!
PUK
Thanks,I love this feature very much:)
And 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?
@ramani
Heh, I was doing just that. :-)
Feeds for Labels in Beta Blogger
Thanks for the most excellent hack!
Hi Phydeux3. Your code seems to be great, but I couldn't have it working. Could you please point me what could I check for?
Thanks a lot!!!
@pablo
It 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:
var maxColor = [208,32,144];
var minFontSize = 10;
var minColor = [23
8,130,238]; is this where I cnot right?
@slackermommy
I 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!
This is perfect. Love it! Great instructions. Worked a treat first time, no problems at all.
Thanks for the hack! c",)
hi,
this 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,
Hmm. 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!!!!
i'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!!! :)
very 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).
It 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
Well, 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.
Many thanks! Works like a charm.
Brilliant! Thanks for your work and your excellent walk-through. Worked without a hitch.
Thank 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.
Next 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.
I 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
Well 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!
I 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
@debs
Hey, 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!
Great 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
@marcin
Glad 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.
Had 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!
I 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
Yes, 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 :)
Thank You very much for Your support,
Sergio.
Dear Phydeaux,
This 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!
regards, david
@david
Glad 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?
Well 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.
It 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. :-)
Hello phydeaux3!
Excellent 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.
Secondly, 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.
Works gr8! Thanks
Awesome 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...
hi again. i made it work, thanks allot for a great hack
Thanks so much for this! Your instructions were so easy that even I was able to do it!
Arigatou 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 ^^).
B/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
Hi phydeaux3
your 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.
Great job, thank U!
Can you make me a cloud for blog contributors plese. Thanks!
phydeaux3,
I'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 -
I 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.
Thanks a lot! it looks really great and your explanations are really clear even for a newbie like me!
Yup, 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.
Thanks anyway!
Well the instructions are correct and say to leave the widgets NOT expanded.
And 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.
Any 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!
Hello!,
Many 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,
Well 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.
It 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.
If 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.
I 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'.
I 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
nothing happened?
@pere,
It 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,
Thanx 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
http://cinging.blogbus.com/files/1166118493.txt
hi,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
Blogger 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,
I 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.
I 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!
you rock... thanks for putting this out there!
Great!!! Thanks.
Great cloud but...
Is 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.
Fortunately 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,
I 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.
:)
Hi phydeaux3,
The 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 :)
பொன்ஸ் ,
Well 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..
Thanks for the code! It looks great on my site :)
So how do post if you use your own URL?
And, 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 :)
excellent job buddy. I was looking for this for a long time. I have used it on my blog, thanx
@deb
So 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.
My 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
To 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)
Help! Ive tried this a million times and I keep getting:
" 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!
Congratulations
@TILT
Is 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
If 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!
Wow! 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.
When did Avatar make his blog private? Bummer.
Thank you so much, this hack is what i need. I know about betablogspot cloud label couple weeks ago when visited one of blog.
Now 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. =[
Thanks 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.
http://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!
@The.Digital.Life
If 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.
phydeaux3, 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:
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 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.
THANX =] I'll try it again.
Looks like a great solution. For a label list for Bloggers who use FTP see this guide to Blogger Labels
Phydeaux,
Great 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?
OMG! So sorry. LOL, kinda funny, though. And thanx, the cloud made my blog alot smaller. I like it =]
This 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?
phydeaux3,
Bravo! Thank you!
Thanks you-normally quite HTML phobic, but that was a pleasure to install.
Firstly, thanks for the amazing code. Unfortunately, everytime I implement the code, I get this message:
>> 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.
This is awesome and much easier than most of the convoluted blog hacks out there. Thanks for the tip!
Thanks phydeaux3. Did it tonight, and it works beautifully! So easy! camphoneworld.blogspot.com
Awsome! Thank you so much.
I 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.
But 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!
http://lesession.blogspot.com
Thanks!! That was very helpful.
excellent script... easy to install.
great job, thanks!
Awesome work! I just implemented ist on dub-dub-dub. Works great!
Thanks, worked great for me!
Thank you! I had zero confidence, but your instructions were excellent!
Disregard my above post, after playing around here is what you need to do to change the width of the widget:
#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.
Can you help me , please?
sloba,
If 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!!!
This code turns out beautifully and is extremely user-friendly. I gave you props on my blog for doing such a great job on this.
Thanks!
A million times, THANK YOU. I no longer have Label Cloud Envy.
Works 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.
Great work, thank you.
I 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!!
I've bookmarked both sites, so I will definitely be poking around again soon!
I used this on my blog.. looks clean and functional.
The best DIY blog customization I have come across. Worked first time. Looks great. Thanks,
Chris
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!
Thanks, This works great on my blogger site.
Is 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.
@masoko Köztársaság
You 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
thanks 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.
Secondly, 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.
I 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!"
Thanks a lot for this code...I put it in my blog...and even with single entries, it showed up kewl!! Thanks once again.
jamie & guy,
thanks 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.
Awesome! My dwacon blog looks 100% kewler, thanks to you!
Cheers!
Also -- let me know if you'd like a plug!
Help!
Mine doesn't look like a cloud. It's just a list of all labels...
What can I do?
val,
Without 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
You 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
@val
Glad 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.
this 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
Thanks 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
Unfortunately 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:
// 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 '
I 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,
Your 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,
I'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?
jet,
Yes, 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.
I 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.
Thank 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.
This is excellent! Thank you!
I 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:
http://finalcandidate.blogspot.com
it's just a flat list...any idea what went wrong? thx
The Candidates,
Hmm. 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!
Hello phydeaux3,
I 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!
@Michael
Hmm. 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 :)
i'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!!
I 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!!!
Delete a label
Hi 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!
Thank 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.
Thanks for your code. It work great on my blog
Thanks so much for this code. Simple to install and works great. :)
Hello phydeaux3,
Sorry to bother you again. Have you got a chance to look into my issue?
Thank you very much
@michael
Yeah, 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!
You totally rock man, it now works like a charm :)
I really appreciate that you looked at this problem.
Thanks again
Mike
Great job!
Thanks phydeaux3!
this tips work to on me....
[broifsix.blogspot.com]
u're awesome...
good job! thx! it does work!
Is 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
r2307,
The 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!!
Wow, 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.
I only wish Blogger could somehow include this in their formatting!
Post a Comment
0