3 Langkah Mudah membuat 'Label Animasi' atau 'Label Cloud'.

3 Langkah mudah untuk membuat 'Label Animasi' atau 'Label Cloud'.

1.Masuk akaun blogger anda.

2.Pilih 'Layout'--> 'Edit Html'-->'Expand Widget Template'.

3.Cari kod Html di bawah ini :-

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

Copy kod Html di bawah ini dan letakkan selepas kod html di atas :-

<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'>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>

Untuk menukar saiz dan warna 'Label Cloud' gantikan text kod yang berwarna biru.

Setelah selesai pilih 'Preview' untuk melihat hasilnya.

Jika anda berpuas hati 'Save Template'.

Sumber asal Blogger Buster.

Perhatian !!! Untuk mengubah saiz dan warna 'Label Cloud' gantikan text kod yang berwarna biru.