Won’t it be fun if your website has an animated Tag Cloud with the tags flying within a box. Can’t imagine? You may check out from HieuUK’s web site (at the Tags section on your left)

When I first saw this on the web site, I was immediately attracted with this little animated tag cloud. So I decided to research on how this little widget works.

What I have discovered the tag cloud he made was using SWFObject.  “SWFObject is an easy-to-use and standards-friendly method to embed Flash content, which utilizes one small JavaScript file.”

Step One, get the swfObject.js from Geoff Stearns http://blog.deconcept.com/swfobject/.

 

<script type="text/javascript" src=”swfobject.js"></script>

Step Two, embed the tagcloud.swf file using the SWFObject.

 

var widget_so7565612 = new SWFObject("…/tagcloud.swf”, "tagcloudflash", "202", "200", "9", "#ffffff"); …. other scripts

One thing I respect the most is the way he designed the tag cloud to be very flexible. Just look at the possible modifications.

• Ability to change the box size
• Ability to change the background color
• Ability to edit the tag name one by one including its hyperlink, its font size, etc.

I would also like to highlight that any tag name with html code is written with URL Encoded Characters. For example: <a href=’http://google.com/’>Google</a> is written as

%3Ca+href%3D’http%3A%2F%2Fgoogle.com%2F’%3EGoogle%3C%2Fa%3E

Wow! That’s all. It is the most wonderful tag cloud I have seen so far. If you decide to implement this on your website or blogs, please do let me know in the comments below!