Blogumus: Animated Label Cloud Widget For Blogger

(Update) Some changes have been made to the previous code. If you have been using the previous code and not being able to view the tag cloud, please replace the entire widget with the new code provided below.

Demo:




Installing the widget:


In your Blogger Dashboard, go to Design > Edit HTML and search for the following line (remember to backup your template before editing):
<b:section class='sidebar' id='sidebar' preferred='yes'>

Paste this code immediately after the above line
<b:widget id='Label99' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='http://bloggerhosting.appspot.com/serve/dualtranz.googlepages.com/swfobject.js' type='text/javascript'></script>
<div id='flashcontent'></div>
<script type='text/javascript'>
var so = new SWFObject("http://www.swfcabin.com/swf-files/1265483417.swf", "tagcloud", "240", "300", "7", "#ffffff");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0x333333");
so.addVariable("mode", "tags");
so.addVariable("distr", "true");
so.addVariable("tspeed", "100");
so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");
so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
</script>
</div>
</b:includable>
</b:widget>
Preview the template and you should see the Blogumus on your sidebar. Save your template. You can now adjust the widget's position in Design > Page Elements.

Important Note:

Do not use the apostrophe or quote character (' or ") in your Labels or the widget will stop working.

Customizing Blogumus:

"tagcloud", "240", "300", "7", "#ffffff");
width
heigth
background color
so.addVariable("tcolor", "0x333333");
text color
so.addVariable("tspeed", "100");
rotation speed
values='data:labels' var='label'><a expr:href='data:label.url' style='12'>
text size

(Known Bug) Somehow one of your labels will not show up and unfortunately I'm not really sure of the cause, maybe this is how it was coded to be.

64 comments:

Admin said...

great

Anj@nk said...

Awesome!!!!!!!!!!!

Sandhu Singh Navjeet said...

I tried it but I got a blank space with one heading "labels' nothing else appeared.

Haze said...

Which blog of yours did you install the widget?

LadyK said...

I keep getting a white blank as well. I've been at this for four hours trying to get it to work.
Read all 304 comments on Amandas post too looking for possible fixes.

Any idea why it wont work for me?

twistedthicket.blogspot.com

moneymakingtipsandcomputertips said...

I tried it but I got a blank space with one heading "labels' nothing else appeared.
i am using BlOGSPOT.COM

Text Messages said...

it is not working

pillboxusa said...

Does not work too on my end. i only see is the Widget Title "LABELS". I am also using blogspot

Anonymous said...

not working in blogspot...need tips

Adj said...

Missing one label "celebs" ..

http://raw-king.blogspot.com/

Please Help .
Mail me: ankitdeepjain1784@gmail.com

Haze said...

Hi everyone, sorry for the late reply. I was busy with my work, so I literally have no time to keep up with this blog.

Anyone who had problem with the widget, please specify your blog address so I can have a look at your code.

By the way Adj, the widget in your blog is working fine on my side, your "celebs" label is there.

All Free Files said...

hello same with me too not workin' I've followed the instruction but when I preview, I only see white color...no animation with the labels

my blog is http://rexor45.blogspot.com

Rohan S. Koshti said...

i m trying this one for 2 to 3 days , still cant get results......

u can search d whole net & u wil get the same script which does not work.....

i bet on it ...


www.worldinoneblog.blogspot.com

Blaze said...

not working...

http://vijay0288.blogspot.com/

FUN AND FEARLESS said...

OMG! I stil can't get it work!

theseekergirl.blogspot.com

RiPPa said...

I can't seem to find that first line in my template HTML. What should I do?

M said...

Hey,

I finally got the whitebox to display a tag. Ive started a blog that has 3 posts and 2 tags. But I can only see one tag in the box. It's either one tag or the other, but never both at the same time.

Any idea what I should do next?

ces said...

one label is missing please help me out.
my blog is

www.computereducationspot.blogspot.com

Drake Cataluna said...

hi its blank on my end, cant get it to work please check... wazupdrake.blogspot.com thanks very much....

Awel Prince said...

Hi! I've been trying desperately for the last couple of hours to get Blogumus to work. If you have the time, I would appreciate your help.

Awel P.

www.shilah-mylife.blogspot.com

One piece quarter chicken to go please!! said...

me too cant find this line




all i see is black line..

http://quarterchicken.blogspot.com/

Haze said...

I've just looked into it and noticed that the host of both the .js and .swf files is no longer available. I've done some clean up on the old code and updated the article with a new one, and have tested it on another blog. It should be working fine now (but with a minor bug that one of the labels will not show up).

Stone said...

Sup Haze!

Just wanted to give you a public thanks for your help! I def appreciate it! You're on point! Thanks again!

Haze said...

No problem, glad I could help.

Vishal Pote said...

I can't see the tag cloud widget space on by blog.
I can see the widget when i edit the blog template though.

on this blog :
spydaios.blogspot.com

Please let me know what the problem is ..
Thank you..!

Haze said...

Hi Vishal, I think in spydaios.blogspot.com, you need about at least 3 or more labels and maybe a few more blog posts in order for the widget to show.

Pokii said...

I cant find the first line of code on my html :(

Indiebundles said...

Only 'Labels' appeared..

www.indiebundles.blogspot.com

Haze said...

Hi Indiebundles,

I think the reason is that you have only one label, you should at least have 3 labels or more in order to get the widget to work. Try it and let me know, thanks.

Indiebundles said...

I put many labels just now,nothing happened..

GG..
srry,im noob..

Indiebundles said...

It works...hahaha...tq

p/s : Warrior born in bloody ice.

Scud said...

Indiebundles : Good to hear that.

Indiebundles said...

Scud/Haze,

I've posted 1 post on my blog.Automaticly the post become 'double posted'.Can you help me how to fix this prob?

(this prob happen after i remove the 'read more' code in my template)

this is the link :

http://indiebundles.blogspot.com/search/label/Test

Thanks...

Scud said...

Here's a lesson to learn, backup your code everytime before editing.

Try to reload a backup template and do it again.

Anonymous said...

Thanks...

Fun and Fearless said...

I still can't make it work. Please help me.

http://theseekergirl.blogspot.com/

Haze said...

Hi Fun and Fearless, please reinsert the code into your blog's template and I'll take a look into it.

Lydia Virginia said...

thank you. .
in my blog its worked. .

Andrew said...

good job tks. http://carscollectionandrew.blogspot.com/

Anonymous said...

great work, but i needed to install java first before i can view the effect..so people with problem download java first...very useful post indeed...

You are welcome to view effct at
http://appchemistry.blogspot.com

Anonymous said...

when i do this it says
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 "b:section" must be terminated by the matching end-tag "".
Error 500
what should i do
www.hackerstips.blogspot.com

Prasha Sals said...

This works dude...

Prasha Sals said...

You all see white space cause you didn't have made any lables..
See my site hackerstips.tk
or
crackallworld.tk

Prasha Sals said...

how to use this gadget contact me at hackerstips.tk

kalalaya said...

thank...........fnd
IT work but unfourchunatly
I cani uss unicode labele...please help me to uss unicoded labele

24ώρες said...
This comment has been removed by the author.
JACK SPARROW said...

@kalaya pls contact me at hackerstips.tk and give me full detail what is your problem.
regards hackerstips.

ULTRA said...

I am not getting this code working on my systems localhost

i would like to have it on a website .....

How Can I Do So...???
Can anybody get me the code for it....
I Think Jack SPPAROW could help me as i saw this on your websi

Abhishek said...

hey you can get help from hackerstips.blogspot.com

PRABHU said...

Hi,

I pasted the code but im seeing white space with the widget name of label.
could u pls help me.

http://timeepasss.blogspot.com/

Thanks in advance

Navleen Singh said...

it works for me

Abhishek (DOH) said...

@PRABHU
you're seeing white space because you didnt have made any lable do it.I hope it works for you

dad-of-hacking.blogspot.com

syahira said...

I canti find this code...can somebody help me..Im using blogspot..
http://theperfectmuslim.blogspot.com/

Sambhav Karnawat said...

I tried adding it to http://blog.Jewelove.in all I see is a blank space. I have a decent no. of posts & labels so that is not the issue.
Please help.

γόυδιέ Ναρκωμένος said...

:) Thanks Brother its work !!

visit my blog http://www.lastlife.co.cc/

om onny said...

thanks brother.

Kang Topjer said...

work perfect on Kopi Anget Blog, thanks!

Anonymous said...

not working
My blog:www.muthukkuviyal.co.cc

Ramz.. said...

i cant find the starting code



grabbitee.blogspot.com

bloogyboo said...

works well. thank you

Catherine said...

I can't get it to work either. I get the white block... with "Labels" above. I really like this. Any advise would be appreciated!

Gevorg Nazaryan said...

My labels are in Armenian, and they are not shown in label clowd. What can I do?

Haleda said...

thank you for share.. it's cool! :)

Anonymous said...

Thank you so much man!

Post a Comment

When leaving a comment, please state your name/nickname instead of Anonymous to avoid confusion, thanks.