Animated Label Cloud Widget

Animated Label Cloud Widget for Blogger

This is a fully flash widget with wonderful effects. This is a easy customizable widget and automatically extracts labels from your blog. This has been a very popular plugin at WordPress. Your blog will surely get a good look with this tutorial. So in this post you will learn how to add this super cool widget to blogger blogs and customize it as per your needs. So follow this tutorial to get working flash widget on your blog! 

Steps for Animated Label Cloud:

1. Log in to your dashboard--> Design- -> Edit HTML

2. Click on "Expand Widget Templates"

3.  Now find CTRL+F this code:

-------------------------------------

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

--------------------------------------

4. Now add below code before above code

-------------------------------------------------

<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='https://sites.google.com/site/nbtcode/NBTswfobject.js' type='text/javascript'/>
<div id='flashcontent'>Widget by  <a href='http://www.newbloggertips.com'>NBT</a></div>
<script type='text/javascript'>
var so = new SWFObject("https://sites.google.com/site/nbtcode/NBTtagcloud.swf", "tagcloud", "300", "250", "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>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

------------------------------------------------

5. at this time click On "Save Template"

Note:

• You can replace the Text shown in red color 
• Replace: 300 is the width of the Widget and  250 is Height of the Height Widget