memasang label cloud animasi



Coba-coba bikin artikel tentang tutorial blog. kali tentang cara memasang label cloud animasi pada sidebar seperti yang boleh anda lihat pada gambar yang di tunjukkan di atas, anda hanya perlu ikut beberapa langkah yang di tunjukkan di bawah.

Save script template anda terlebih dahulu.

Langkah 1

Log in blog => Dashboard => Design => Edit HTML.

Langkah 2

Dengan menggunakan keyboard, taip atau paste kod <b:section class='sidebar' id='sidebar' preferred='yes'> atau <b:section-contents id='sidebar-right-1'>(untuk Template Designer)pada ruang Find. Seterusnya, tekan kekunci Enter.

Langkah 3

Salin kod di bawah dan paste selepas atau di bawah kod <b:section class='sidebar' id='sidebar' preferred='yes'> atau <b:section-contents id='sidebar-right-1'>(untuk Template Designer)(rujuk langkah 2)


<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'>
<center>
&lt;object type="application/x-shockwave-flash" data="https://sites.google.com/site/javascript10/tagcloud.swf" width="100%" height="200" allowscriptaccess="always" &gt;
&lt;param name="movie" value="https://sites.google.com/site/javascript10/tagcloud.swf" /&gt;
&lt;param name="bgcolor" value="#ffffff" /&gt;
&lt;param name="flashvars" value="tcolor=0x000000&amp;mode=tags&amp;distr=true&amp;tspeed=100&amp;tagcloud=&lt;tags&gt;
<b:loop values='data:labels' var='label'>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url' style='11'><data:label.name/></a>
</b:loop>
&lt;/tags&gt;" /&gt;
</center>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>

Akhir sekali klik Preview dan jika tiada mesej Error yang terpapar, klik saja Save.

p/s:

1. Untuk menukar warna background, edit kod #ffffff yang di bold dengan warna pilihan anda.

Contoh: #000000 (warna hitam)

2. Untuk menukar warna font,edit kod 000000 yang di bold dengan warna pilihan anda.

Contoh: ffffff (warna putih)

Untuk mendapatkan kod warna sila klik di sini

1 comments:

Post a Comment

Silahkan Baca Artikel Saya......