Thursday, March 25, 2010

Add Cloud Label widget for blogger

Labels are a must to have in a blog but when you have the labels like a cloud it looks more good so here are the steps to add cloud label widget for blogger.First of all if you don’t have labels then get it from Layout—> Add a gadget and search Labels.Then add the widget.After adding the widget follow the steps given below:-

1.Go to Layout-> Edit Html(Do not click the Expand Widget Templates for an easy explanation)

2.The find(ctrl+f) the following code:-

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


3.Now add the following code directly after the above post:-


<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://halotemplates.s3.amazonaws.com/wp-cumulus-example/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(&quot;http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf&quot;, &quot;tagcloud&quot;, &quot;240&quot;, &quot;300&quot;, &quot;7&quot;, &quot;#ffffff&quot;);


// uncomment next line to enable transparency


//so.addParam(&quot;wmode&quot;, &quot;transparent&quot;);


so.addVariable(&quot;tcolor&quot;, &quot;0x333333&quot;);


so.addVariable(&quot;mode&quot;, &quot;tags&quot;);


so.addVariable(&quot;distr&quot;, &quot;true&quot;);


so.addVariable(&quot;tspeed&quot;, &quot;100&quot;);


so.addVariable(&quot;tagcloud&quot;, &quot;<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>&quot;);


so.addParam(&quot;allowScriptAccess&quot;, &quot;always&quot;);


so.write(&quot;flashcontent&quot;);


</script>


<b:include name='quickedit'/>


</div>


</b:includable>


</b:widget>



Save the template and you are done.


No comments: