Blogger Templates Designs Plugins Widgets Hacks Tips Tricks Tutorials

08 February 2008

How to Add flash Animated label cloud Blogumus for Blogger

How to Add flash Animated label cloud Blogumus for Blogger

How to Add flash Animated label cloud Blogumus for Blogger

"Blogumus" is an Flash based tag cloud widget which uses scripts converted from Roy Tanck's WP Cumulus plugin for Wordpress. I fell in love with Roy's original Cumulus plugin when I saw it, and simply had to learn how to convert this for use in Blogger powered blogs. The result is the widget you can see in action at the top of this post. Hover your mouse over the Flash object to see the animation begin. In this post, I'll explain how you can add Blogumus to your own Blogger layout with ease!

How to Add flash Animated label cloud Blogumus for Blogger

Step 1:
First Of all Goto Your blogger Layout>Page Elements page and add a Labels Widget there..You can Do that using the Add a Page Element Option on that

How to Add flash Animated label cloud Blogumus for Blogger
How to Add flash Animated label cloud Blogumus for Blogger
Choose to sort the labels Alphabetically when prompted.

Step 2:
After Adding the Label Widget Goto Layout>Edit Html (Do not expand the widget templates for the sake of easy explanation)

You will find some code similar to


<b:widget id='Label2' locked='false' title='Labels Cloud' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'>
<data:label.name/>
</span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'>
<data:label.name/>
</a>
</b:if>
<span dir='ltr'>(<data:label.count/>)</span>
</li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

Immediatly after this line, paste the following section of code:

<b:widget id='Label1' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'><center>

<script src='http://halotemplates.s3.amazonaws.com/wp-cumulus-example/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a
href='http://www.roytanck.com/'>Roy Tanck</a> and <a
href='http://www.bloggerbuster.com'>Amanda
Fazani</a> | Distributed by <a href='http://blogger-templates-designs.blogspot.com/'>Blogger Templates Designs</a></div>
<script type='text/javascript'>
var so = new
SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf",
"tagcloud", "240", <!-- width="240" -->
"300", "7", <!-- height="300" -->
"#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>

<b:include name='quickedit'/></center>
</div>
</b:includable>
</b:widget>


Then preview your template. If installed correctly, you should see the tag cloud appear in your sidebar.
If you want to change the size and colour of the label cloud , just play around with the highlighted numbers in the code and you will do fine.



How to Add flash Animated label cloud Blogumus for Blogger

47 Comments:

Me.Myself said...
Nov 15, 2008, 3:34:00 AM

Hi, I am having error

it mentioned something like security issue

do you have any solution for that ?

Oddi said...
Dec 2, 2008, 6:59:00 PM

I have a missing label.. How to fix it??

Moro said...
Jan 5, 2009, 10:25:00 AM

Hello,

I followed your instructions in one of my blogs, it works really nice.

But in another, with the same template html code, it does not work. Can you help me on that point?

what could be wrong?

Thanks in advance

Blogger Templates Designs said...
Jan 7, 2009, 2:33:00 AM

@Me.Myself
@Moro

your put it blog here.

I will see to give.

Thank.

ilike2flash said...
Jan 13, 2009, 11:26:00 AM

great, thanks this effect is very nice.

ALLAL said...
Jan 19, 2009, 4:22:00 AM

Thanks, It works.

RKS said...
Jan 29, 2009, 3:23:00 AM

ya .........it nice explanation ..

I could do it with ease.......

Anonymous said...
Feb 6, 2009, 6:44:00 AM

hiiiiiiiiiiiiiii


good information

see how it worked on my sms site

www.smsformobile2008.blogspot.com

SYED MUBALLIGH said...
Feb 26, 2009, 4:41:00 AM

koool technique......... i hav added in my blog www.tricksystem.com

Claudia said...
Mar 6, 2009, 5:54:00 PM

Ive tried it and it did not work.

it said it was missing a close for b:section. I searched and couldnt find where.

Can you help?

http://22050hz.blogspot.com

Thanks

Anonymous said...
Mar 28, 2009, 12:36:00 PM

plz help me when i paste then preview following error
Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
XML error message: Element type "ahref" must be followed by either attribute specifications, ">" or "/>".

graviti said...
Apr 29, 2009, 8:51:00 AM

^^^
I got the same message as the above poster.

Jim said...
May 16, 2009, 8:17:00 PM

Hi
I tried to adopt it for my blog but it doesn't seems to work to show Chinese charactors (most my labels are in Chinese).
Is there any way to make it work?
Thanks.

Bytes&Sounds said...
May 17, 2009, 8:41:00 AM

Problems with this label cloud.
I use for a long but now it doesn´t show the labels.

http://bytesandsounds.blogspot.com

and

http://designforu.blogspot.com

Can you help me?

Helder Gonçalves

*KHUSHI* said...
May 19, 2009, 1:08:00 AM

I hv trouble some html error... plzz tell me

• rOozu • said...
May 28, 2009, 8:03:00 PM

Please correct the error below, and submit your template again.
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 "".



i got thiz when i try to put the labels cloud.
could u help me to solve it?

theroozu.blogspot.com

• rOozu • said...
May 28, 2009, 8:20:00 PM

try visit my blog..

itry to edit the cloud tag & its show on my blog but its blank...

ayoyoyoy..
gonna die.

DBSK SOUL said...
May 31, 2009, 2:20:00 AM

i cannot fix it... pleasee help me out...

alberto1209 said...
Jun 1, 2009, 1:21:00 PM

a mi no me jalo ocmo le puedp acer para echarlo andar

EverDark said...
Jun 6, 2009, 9:36:00 AM

Excuse me. I have successfully embodied this widget but face the problem that there is always one tag missing. (no certain one, sometimes it may be tag A missing and other time tag B disappears!)

Do you have a cure to this? Thanks a lot!

idleworker said...
Jun 23, 2009, 3:30:00 PM

OMG!!!!!!!

Thank You so much. Im not the most technologically savy person, but that took me an hour to do until i found this page. You made it so uch simpler then all the sites out there

Thanks :)

Seven Times Fallen said...
Jun 24, 2009, 5:12:00 PM

Hello! I love this widget!

BUT, it won't work! :(

my blogger site is "a7xfblog.com"

could you look at it please, and help me?

thx

sweetbayag said...
Jun 25, 2009, 5:58:00 AM

not working pls help

http://deatbyporno.blogspot.com

thanx

niren said...
Jul 11, 2009, 3:00:00 AM

ITemplatez.com offers professional web templates, flash templates ,swish templates, dreamweaver templates, and other web design productsavailable for immediate download.

Anonymous said...
Jul 21, 2009, 11:17:00 AM

Noone has an answer to the code not working? I don't see any responses to the help requests???

Prathima Naveen said...
Aug 6, 2009, 1:31:00 PM

Hi i have done these in my two blogs. but it works fine in one blog but not working in another blog..

What could be the reason?

here are my blogs
working here
http://moreinfowithprathi.blogspot.com/
not here
http://prathisnewtrails.blogspot.com/

please let me know the reason please ..:)

Thanks
Naveen M

Satyajit said...
Aug 15, 2009, 10:56:00 AM

this doesnt works for me..... Showing some error....And my blog template doesnt have that first code as u said...plz help me out...

http://exploitedpunks.blogspot.com

Mary said...
Aug 24, 2009, 1:41:00 PM

I have tried this cloud so many times I can't count them. I keep getting error that ahrer has to be closed with ">" or "/>. But I can't make it work. Help! http://www.everydaydelight09.blogspot.com

Thanks for any assistance.

World culture said...
Sep 16, 2009, 12:02:00 AM

thanks a lot this was really useful post

J A Y S said...
May 1, 2010, 1:46:00 PM

It's not working guys :\

Blogger must have changed something , Upgrade the code or anything

http://december-silence.blogspot.com

Jason said...
Jun 2, 2010, 12:26:00 PM

actually, the swf and js files have moved location. check another article and don't forget that the tags cannot contain symbols.

seogadgets said...
Jul 9, 2010, 3:17:00 AM

I tried to add in my blog here http://seogadgets.blogspot.com but no accept... giving some errors... so wht i do for...?

javieth said...
Aug 5, 2010, 3:03:00 PM

This blog is really interesting, actually i must to say i prefer flash because is a fast program and easy to use. I don´t like the complex program. I just looking for one that be eficient all the time and flash it is. that is why i prefer to buy viagra because i always have a great result in my sexual life.

Tigerstyle Micky said...
Sep 10, 2010, 1:00:00 PM

Blogumulus by Roy Tanck and Amanda Fazani | Distributed by Blogger Templates Designs


what is this ???

Bhavika said...
Sep 19, 2010, 8:52:00 AM

Hello

Here is how you can fix this tag cloud...it has started to work again on my blog :)...- http://www.bloggerblogtemplates.com/2010/09/blogumus-flash-tag-cloud-is-back.html

Mister Go Blog said...
Jan 10, 2011, 8:24:00 AM

Thanks!

It works well for mine :D

Now i have a cute widget on my side bar :D

Prashant Sals said...
Mar 23, 2011, 9:42:00 AM

Ive tried it and it did not work.

it said it was missing a close for b:section. I searched and couldnt find where.

Can you help?
www.hackerstips.blogspot.com

Svip4u.InFo said...
May 31, 2011, 10:57:00 AM

You can follow here
http://www.svip4u.info/2011/05/blogspot-cach-tao-flash-tag-cloud_28.html

Or you change : http://halotemplates.s3.amazonaws.com/wp-cumulus-example/swfobject.js ->http://mopheat.site40.net/recources/tagcloud/swfobject.js

and change :
http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf ->http://mopheat.site40.net/recources/tagcloud/tagcloud.swf

geoweek's said...
Jun 27, 2011, 8:21:00 AM

thanks... I Like It..

Pavi said...
Jul 19, 2011, 9:38:00 AM

Thank you for sharing tutorial regarding adding of flash animated label cloud Blogumus for Blogger. I just tried it. It is working absolutely good :)). This made my blog more attractive.

comment system

Md. Shariful Islam Sharif said...
Oct 25, 2011, 8:23:00 AM

Hello brother can you help me. Its not working for my blog. see the bog

http://www.ittech24.tk
http://ptcplanet24.blogspot.com

ŞanslıKedi said...
Mar 30, 2012, 1:54:00 AM

i can't find this code

i add "label widget", and i selected "expand widget template"
but i can't find code :(
what can i do??

talat rizwan said...
May 11, 2012, 12:02:00 PM

i can not put in my site
http://talatrizwan.blogspot.com/ plzzzzzz help me

Ella Scott said...
Jul 16, 2013, 4:53:00 AM

Good post. I absolutely love this website. Continue the good work
blogger templates

Post a Comment