RSS

Thnks Too Visit My Page, Be Enjoy And Stay Cool.

Create A Cloud Label

For the blogger would want to look more interesting blogs, well in this post I want to discuss about creating a label cloud, or in terms of moving labels, You can see examples on this blog labels
can move to please and make us more beautiful blog
how to make it like this:

First :
Sign in to LAYOUT -> EDIT HTML (check the little box widget expand text)
You look for the code below:

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

The next step after finding the above code, you copy the existing code below and put it under the code that you find.


<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'>Dolarcafe by <a href='http://www.dolarcafe.co.cc/'>Dedy Track</a> and <a href='http://www.dolarcafe.co.cc'>Dedy cool</a></div>
<script type='text/javascript'>
var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0x333333");
so.addVariable("mode", "tags");
so.addVariable("distr", "true");
so.addVariable("tspeed", "100");
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>");
so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

The last step you save and see the results on your blog.

Note:
If you want to re size its height and width, you live fox wide code of '240 'and '300 high' in accordance with your wishes.
If you want to change its color, you change its color code in the text "# ffffff"

Good luck...

0 comments:

Post a Comment