Add Animated Flash Cloud Labels Widget In Blogger V2

  I already posted how to add animated flash cloud labels or categories widget on blogger sidebar. Here I published other formula. If you have problem install this widget follow the tutorial you can follow other tutorial. Any version tutorial create same style mouse however effect widget.

Flash Animated Label Cloud Widget For Blogger: 

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

If your blog already have labels or categories widgets please ignore 1^st step and directly follow 2^nd step.

   Step 1- Add label widget for blogger:

• Click on "Add Gadget" in your layout sidebar
• Choose "Labels" Gadget on popup window and add popular posts widget on your blog sidebar. Tutorial details click here.
• Now save Gadget

Step 2- Make Animated Cloud Label Tag For Blogger:

• Click "Template" on left side bar
• Now make a backup of your blogger template because if you have any wrong this template after edited, you can restore this. So click on Backup /Restore and download Full Template.
• Click on "Edit HTML" button

• Click anywhere inside the code area and press the CTRL + F keys on your keyboard to open the HTML search box.
• Write in Search box   

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

• Hit enter your keyboard and find it such as title name ‘labels’

• Now show title name ‘labels’

• Now show the code or show ‘labels’ related code bellow the    <b:section class='sidebar' id='sidebartab2' preferred='yes'>  tag

• If you don’t show this tag please change sidebartab2      sidebartab1    sidebartab3   

<b:widget id='Label1' locked='false' title='Labels' type='Label'>

to

</b:widget>

• Now select the tag and replace bellow javaScript code

JavaScript for Flash Animated Label Cloud Widget for 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'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a></div>

<script type='text/javascript'>

var so = new SWFObject("http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf", "tagcloud", "250", "300", "7", "#333333");

// uncomment next line to enable transparency

//so.addParam("wmode", "transparent");

so.addVariable("tcolor", "0xffffff");

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: Customize Labels Widget with Stylish Cool Effects:

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 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