Friday, December 30, 2011

How To Add Flash Animated Label Tags Cloud in Blogger



Blogger has a Labels tag widget to show your category of entries. This hack will show your labels tag in flash animated. Displaying animated cloud is a cool way of showing your tags in a limited space. Let's do it!

1. Go to Dashboard ->> Design ->> Edit HTML

2. Search this code (Ctrl + F),
<b:section class='sidebar' id='sidebar' preferred='yes'> 

3. Then, paste the code below after <b:section class='sidebar' id='sidebar' preferred='yes'> tag.
 <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'></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>

4. Save your template.

Refresh your blog to see the result. Finish!

Leave your comment friends! :)

Ditulis Oleh : silent screamer // 8:58 PM
Kategori:

0 comments:

Post a Comment

 

Followers

Sponsor

 
Powered by Blogger.