>

Blogumus, flash animation for the tag cloud

Recently read in bloggerbuster about how to create a label cloud become more attractive with the use blogumus. Blogumus original is a tag cloud with the name wp-cumulus to the idea created by Roy and then in a by amanda bloggernya version. Steps to install similar to the way the label cloud before installing.

The first step is

1. Log in and click on the blogger layout, make sure the widget label has been attached, if not, then select Page Elements ---> Add a Page Element and select the label (with the notes you do not have a label, if it is to step no 2

2. Once in, and add the save, click the Edit HTML, find the section that has a code like the following
,

1. <b:widget id="Label1" locked="false" title="Labels" type="Label">
2. </b:widget>

3. After replace the code with the following code:

1. <b:widget id="Label1" locked="false" title="Label Cloud" type="Label">
2.<b:includable id="main">
3.&lt;b:if cond="data:title">
4.</b:if></b:includable></b:widget>
5. <h2><data:title></data:title></h2><div class="widget-content"><div id="flashcontent"><embed type="application/x-shockwave-flash" src="http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf" id="tagcloud" name="tagcloud" bgcolor="#003300" quality="high" wmode="transparent" allowscriptaccess="always" flashvars="tcolor=0xff3300&mode=tags&distr=true&tspeed=150&tagcloud=<tags><a href='http://wa2n.nrar.net/search/label/apache' style='14'>apache</a><a href='http://wa2n.nrar.net/search/label/artikel' style='14'>artikel</a><a href='http://wa2n.nrar.net/search/label/bisnis' style='14'>bisnis</a><a href='http://wa2n.nrar.net/search/label/blog' style='14'>blog</a><a href='http://wa2n.nrar.net/search/label/cisco' style='14'>cisco</a><a href='http://wa2n.nrar.net/search/label/dll' style='14'>dll</a><a href='http://wa2n.nrar.net/search/label/domain' style='14'>domain</a><a href='http://wa2n.nrar.net/search/label/drupal' style='14'>drupal</a><a href='http://wa2n.nrar.net/search/label/edufiesta' style='14'>edufiesta</a><a href='http://wa2n.nrar.net/search/label/Faith' style='14'>Faith</a><a href='http://wa2n.nrar.net/search/label/family' style='14'>family</a><a href='http://wa2n.nrar.net/search/label/gmail' style='14'>gmail</a><a href='http://wa2n.nrar.net/search/label/Indonesia' style='14'>Indonesia</a><a href='http://wa2n.nrar.net/search/label/Internet%20Marketing' style='14'>Internet Marketing</a><a href='http://wa2n.nrar.net/search/label/latex' style='14'>latex</a><a href='http://wa2n.nrar.net/search/label/liburan' style='14'>liburan</a><a href='http://wa2n.nrar.net/search/label/Linux' style='14'>Linux</a><a href='http://wa2n.nrar.net/search/label/postgres' style='14'>postgres</a><a href='http://wa2n.nrar.net/search/label/programming' style='14'>programming</a><a href='http://wa2n.nrar.net/search/label/security' style='14'>security</a><a href='http://wa2n.nrar.net/search/label/tips' style='14'>tips</a></tags>" height="160" width="200"></div><script type="text/javascript">
6. //
variable here, to change the color and dimensions are below
7. var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "200", "160", "7", "#ffffff"); //
dimensional color and background
8. so.addParam("wmode", "transparent");
9. so.addVariable("tcolor", "0xCC0033");//colour font(hexa)
10. so.addVariable("mode", "tags");
11. so.addVariable("distr", "true");
12. so.addVariable("tspeed", "150"); //spedd
13. so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='14'><data:label.name/></a></b:loop></tags>");
14. so.addParam("allowScriptAccess", "always");
15. so.write("flashcontent");
16. </script>
17. <b:include name="quickedit">
18. </b:include></div><small&gt;
Click here to install<a href=


Done
Code above can be downloaded here If the desired change in the change-dimensional color and cloud his



Comments :

0 comments to “Blogumus, flash animation for the tag cloud”

Post a Comment