14 Desember 2009

a Flash Animated Label cloud for blogger


another one of my tutorial....


name label cloud animation, what's that animated label cloud .. for example I have a label that can be circled very interesting indeed for the try .. especially not so difficult to try ... we started it .. properly follow the well ...

> Go to your blog Dashboard


> Click the Layout


> Then select Edit HTML


> Put a check in "Expand Widget Templates"


> Find the code below:


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


> Once found, place the following code under this code:


<b:widget id='Label1' locked='false' title='Kategori' 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>


> Click SAVE TEMPLATE

> Done

Description:

* Width: 240px

* Height: 300px;

* Backgrund Color: White

* Text color: gray

* Font Size: "12"


Change the Width and Height size:

var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");



Width: 240px

Height: 300px



Change the background color:


var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");



Background color: # ffffff (White)

Changing the text color:


so.addVariable("tcolor", "0x333333");


Text Colors: 333,333 (Gray)


Change the font size:


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


Font Size: "12"


Related Post



0 komentar:

  © Blogger templates The Professional Template by Ourblogtemplates.com 2008

Back to TOP