How To Add Flash Animated Label Cloud Widget For Blogger

Hey! blogger we cannot add cloud labels gadget to blogger side bar! but do not worry we have a way to do that now, that is a new way! today i'm gonna show you how to add flash label cloud gadgte to blogger. i really like this website because it have a cool look. so i hope you really like this gadget.now guys follow the simple steps below to do it..we will meet again in next post.nice day!

This is very nice widget designed by Amanda Fazani.(http://www.bloggerbuster.com/)

If you like this widget follow simple steps below.

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

2.Without "Expand Widget Templates",Scroll down to where you see this:-

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

3.Now Paste the below codes immediately after the 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'>


&lt;object type="application/x-shockwave-flash" data="http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf" width="250" height="200" allowscriptaccess="always" &gt;
&lt;param name="movie" value="http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf" /&gt;
&lt;param name="bgcolor" value="#ffffff" /&gt;
&lt;param name="flashvars" value="tcolor=0x000000&amp;mode=tags&amp;distr=true&amp;tspeed=100&amp;tagcloud=&lt;tags&gt;
<b:loop values='data:labels' var='label'>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url' style='12'><data:label.name/></a>
</b:loop>
&lt;/tags&gt;" /&gt;
&lt;p&gt;Blogumulus by &lt;a href='http://www.roytanck.com/'&gt;Roy Tanck&lt;/a&gt; and &lt;a href='http://www.bloggerbuster.com'&gt;Amanda Fazani&lt;/a&gt;&lt;/p&gt;
&lt;/object&gt;




</div>


<b:include name='quickedit'/>
</b:includable>
</b:widget>



4.Click on "Save Templates" and Refresh your site

How To Add Drop Down Menu For Blogger Labels

Many Blogger users have a long list of labels. and many bloggers like to using drop-down lists for long lists which minimizes clutter and enables information to be displayed in the sidebar neatly. so Blogger offers a dropdown menu option for the Archives widget. but do not have the option to enable a dropdown list for our labels. So in this tutorial we will look how to active dropdown label box to our blog. If you want to view demo. check picture in below.. congrates friends!

How To Add Drop Down Menu For Blogger Labels

1.Login to your blogger Dashboard--> Desing--> Edit HTML

2.Scroll down to where you see <b:widget id='Label1' locked='false' title='Labels' type='Label'>tag .

3.Copy below code and Replace the above code <b:widget id='Label1' locked='false' title='Labels' type='Label'> tag.

<b:widget id='Label1' 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'>
<br/>

<select onchange='location=this.options[this.selectedIndex].value;' style='width:200px'>
<option>Labels</option>
<b:loop values='data:labels' var='label'>
<option expr:value='data:label.url'><data:label.name/>
</option>
</b:loop>
</select>

<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

4. Now Click On 'SaveTemplate' You are done..

How To Add Flash Animated Label Cloud Widget For Blogger V2

Hey! blogger we cannot add cloud labels gadget to blogger side bar! but do not worry we have a way to do that now, that is a new way! today i'm gonna show you how to add flash label cloud gadgte to blogger V2. i really like this website because it have a cool look.i hope you really like this widget.if you like add this widget your blog.? please follow below steps to do it..Thanks you.

How To Add Flash Animated Label Cloud Widget For Blogger V2

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

2.Click on "Expand Widget Templates"

3.Scroll down to where you see <b:section class='sidebar' id='sidebar' preferred='yes'> code

4.Now add below code before <b:section class='sidebar' id='sidebar' preferred='yes'> 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='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(&quot;http://sites.google.com/site/bloggerustemplatus/code/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>

4.Now click On "Save Template" your are done.

Cheers

This is very nice widget designed by Amanda Fazani.(http://www.bloggerbuster.com/)