Saturday, December 10, 2011

Animated flash tag cloud

Most bloggers know how to Add Labels to their blogs. A new concept (not very new), tells you that you could arrange those labels into an animated flash sphere which rotates or revolves with the movement of your mouse, known as Flash based tag cloud or Blogumus.


Over three years ago Amanda from Blogger Buster ported the wordpress cumulus tag cloud to blogger, this flash based tag cloud was and perhaps still is the best tag looking tag cloud for blogger.

Unfortunately this tag cloud stopped functioning for over 6 months. After numerous comments and emails the tag cloud was still non functional.


But Now the tag cloud is functional and works perfectly fine on blogger.
Here you'll learn how to to install a flash tag cloud for blogger or blogspot
There are two ways to do this.

A. Either You find an online generator,
  • like on http://www.flashxml.net/tag-cloud.html
  • or http://www.way2blogging.org/2010/06/flash-animated-label-cloud-widget-for.html
B. Or you can do it in the old school way.


Go to your template editor and find out this code

<b:section class='sidebar' id='sidebar' preferred='yes'>

Now after you've got this code paste the following lines of code just bellow 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'>

&lt;object type="application/x-shockwave-flash" data="http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf" width="250" height="200" allowscriptaccess="always" &gt;
&lt;param name="movie" value="http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf" /&gt;
&lt;param name="bgcolor" value="#ffffff" /&gt;
&lt;param name="flashvars" value="tcolor=0x000000&amp;mode=tags&amp;distr=true&amp;tspeed=100&amp;tagcloud=&lt;tags&gt;
<b:loop values='data:labels' var='label'>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url' style='12'><data:label.name/></a>
</b:loop>
&lt;/tags&gt;" /&gt;
&lt;p&gt;Blogumulus by &lt;a href='http://www.roytanck.com/'&gt;Roy Tanck&lt;/a&gt; and &lt;a href='http://www.bloggerbuster.com'&gt;Amanda Fazani&lt;/a&gt;&lt;/p&gt;
&lt;/object&gt;


</div>

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

However it has been found that in certain templates the second code is not required. So experiment and enjoy.

This was all about

7 comments:

  1. I am searching for this from past 1 month.
    Its still nor working.
    CAN YOU GIVE ME YOUR CODE??
    COZ ITS WORKING FOR YOU.
    Also can you tell me where i can find widget
    for sidebar which you hav put for your blog.
    i.e
    Popular post ,tag & blog archives
    Nice blog .Thanks in advance..

    ReplyDelete
  2. I used the same code and it worked.
    Try changing your widget ID,
    as it must be unique, name it as 'Label499' or 243 etc.

    I am also planning to post another article, with a different code altogether.

    ReplyDelete
  3. Thanks You very much it worked for me .
    I would request to write a post on the sidebar what
    code you used to get the tabbed widget..
    Pls if possible post the tutorial.
    Thanks again

    ReplyDelete
  4. I am happy that it worked for you,
    Regarding Tutorial, keep looking on our YouTube Page for a tutorial, Which may surface in about a week.

    ReplyDelete
  5. Can't can't seem to find the b:section class code on my HTML template. can someone help me?

    ReplyDelete
  6. Grrr.. it doesn't work with firefox...

    ReplyDelete
    Replies
    1. Cedric, It has worked on lower versions of firefox,
      I will upload another code with some modifications in the near future.

      Delete

Thanks for your comments.

Spammers Kindly remember, any hyperlink in the comments will not be indexed by search Engines because of NoFollow attribute.