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.

4 comments:

Omen Si Tukang Tips said...

Tips TOOOOP....thank fre!

asbesstos said...

aku cuba try yang ini..tapi label99 di id tu jadikan aku error nak save template aku..why eh

SyamZone™ said...

Asbesstos try tukar label99 jd label9..

adzrollz said...

ada alternatif lain x bagi step no 3 tu
sebab dh search tapi kod tu tak wujud lak

Post a Comment