How to Add Wordle Style Flash Label Cloud (FatColud) Widget For Blogger / Blogspot Latest 2012

  1. Login to Blogger Account
  2. Go to Design > Edit Html
  3. Search for Bellow Code of Section (Without checking of Expand Widgets Checkbox)
  4. NOw find
    <b:section class='sidebar' id='sidebar' preferred='yes'> After Paste
<b:widget id='Label89' 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'>
<div id='way2blogging_label_cloud' style='width:100%;height:300px'>
<b:loop values='data:labels' var='label'>
<a class='tag-link' expr:href='data:label.url' expr:style='&quot;font-size: 1&quot; + data:label.cssSize + &quot;pt;&quot;'><data:label.name/></a>
</b:loop>
</div>
<script src='http://bloggerblogwidgets.googlecode.com/files/FC_Blogger_Way2blogging.js' type='text/javascript'/>
<p style='font-size:0.6em;text-align:right'>Label <a href='http://www.blogshelper.blogspot.in'>Labels</a></p>
<script type='text/javascript'>
fatCloud.SWF = &quot;http://bloggerblogwidgets.googlecode.com/svn/trunk/way2blogging-fatcloud.swf&quot;;
var way2blogginglabelcloud_fatcloud = new FatCloud(&quot;way2blogging_label_cloud&quot;, &quot;Wordle&quot;);
way2blogginglabelcloud_fatcloud.options = {&quot;textAngle&quot;: &quot;Horizontal&quot;,&quot;sizeRatio&quot;: &quot;12&quot;,&quot;colorScheme&quot;: &quot;Aqua&quot;,&quot;fgColor&quot;: &quot;#868A08&quot;,&quot;mgColor&quot;: &quot;#7401DF&quot;,&quot;sColor&quot;: &quot;#F5F6CE&quot;,&quot;bgColor&quot;: &quot;#FFFFFF&quot;,&quot;font&quot;: &quot;Report&quot;,&quot;randomFont&quot;: &quot;yes&quot;};
fatCloud.fontList = [&quot;Expressway&quot;, &quot;Meloche&quot;, &quot;Museo&quot;, &quot;Negotiate&quot;, &quot;Report&quot;];
way2blogginglabelcloud_fatcloud.noXML = true;
way2blogginglabelcloud_fatcloud.saveSkinCacheURL = &quot;/&quot;;
document.getElementById(&quot;way2blogging_label_cloud&quot;).style.visibility = &quot;hidden&quot;;
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

No comments:

Post a Comment