Add Flash Animated Label Tags Cloud Widget On Blogger

This widget is flash animated widget. You can see in action at the top of this post in Flash Label Cloud Widget. However your mouse moving or rotating over the Flash objects to see the animation begin. This is very beautiful widget. You can easily change any color in this background widget.

Install Flash Animated Label Cloud for Blogger Blog:

• Login to your Blogger Dashboard click here 
• Select your blog and click on right side bar
• Select "Template" on drop down menu

Add Flash Animated Label Tags In Blogger Template:

• Firstly create a backup of your blogger template because if you have any wrong after editing template, you can restore this. So click on “Backup/ Restore” and download Full Template. 

• Click on “Edit HTML” button at the middle side 

 

•  Click anywhere inside the code area and press the CTRL + F keys on your keyboard to open the Blogger' search box.  

•  Write Search box  

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

• If you don’t show this tag please find other tag

<b:section-contents id='sidebar-right-1'>

•  Hit enter your keyboard and find this tag then Copy the bellow code and paste after any tag

Or

JavaScript for Animated Flash Tag Cloud in Blogger:

<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://sites.google.com/site/bloggerustemplatus/code/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>Blogger tutorials by <a href='http://help2blogging.blogspot.com/'>Mosharraf</a> and <a href='http://allsoftwarepack.blogspot.com'>Free full version software</a></div>
<script type='text/javascript'>

var so = new SWFObject("http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf", "tagcloud", "250", "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>

<b:include name='quickedit'/>

</div>

</b:includable>

</b:widget>

Note: Customizing Flash Animated Tag Cloud For Blogger:

  You can change Width size "250" height”300” 
                        Change ffffff to background color
                        Change  333333  to text color
                        Change font size “12” 
                        as you like

Finished that !!!

((((( If you problem install this widget please follow tutorial V2 ))))) 

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

If you have any question and suggestions related blogger

Please don't hesitates just sent email or leave comment

Thanks to follow this tutorial

Best regards

help2blogging team