Friday, October 2, 2009

Add Flash Tag Cloud

Add Flash Tag Cloud to blogger

Image
Want to know how to put the Flash Tag Cloud in your blog?
Just follow the steps.

step #1
First, go to 'Layout' tab and choose the Edit HTML section ( Layout>Edit HTML )
Image

Step #2.
For this step you need to backup your template (click the 'Download Full Template' to backup your template)
Image


Step #3.
To start editing your template, please click the 'Expand Widget Templates'
Image

Step #4.
Use Ctrl+F to find this code line:
Code: Select all
sidebar' preferred='yes'>


Then, paste this code below after the line:
Code: Select all
<b:widget id='Label100' 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> <a href='http://www.syafzpic.com'>syafzPic</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>


Step #5.
Save template. Done!

0 comments:

Post a Comment

 

Blogger Tips and Style Copyright © 2009 Community is Designed by Free Blogger Template