Memasang Flash Label Widget di Blog

Cara Memasang Flash Label Widget di Blog

Contohnya bisa dilihat dari gambar disamping.
Interested in making it? Just follow the steps below.
Gimana? tertarik untuk membuatnya? Silakan ikuti langkah-langkah dibawah ini.


Langkah 1: Login dulu ke blogger

Langkah 2 : Pada Dashboard pilih Design > Edit HTML tab

Klik gambar untuk memperbesar

Langkah 3: Supaya aman Download full template dulu agar bisa di Backup.


Langkah 4: Setelah itu cari kode berikut ini

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

perlu diperhatikan id blog kamu boleh jadi berbeda dengan punya ku so be careful.


Langkah 5: Copy - Paste kode dibawah ini letakkan setelah kode <b:section class='sidebar' id='sidebar' preferred='yes'>

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

&lt;object type="application/x-shockwave-flash" data="http://www.roytanck.com/wp-content/plugins/wp-cumulus/tagcloud.swf" width="250" height="200" allowscriptaccess="always" &gt;


&lt;param name="movie" value="http://halotemplates.s3.amazonaws.com/wp-cumulus-example/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='12'><data:label.name/></a>


</b:loop>

&lt;/tags&gt;" /&gt;

&lt;p&gt;Blogumulus by &lt;a href='http://www.roytanck.com/'&gt;Roy Tanck&lt;/a&gt; and &lt;a href='http://www.bloggerbuster.com'&gt;Amanda Fazani&lt;/a&gt;&lt;/p&gt;


&lt;/object&gt;

</div>

<b:include name='quickedit'/>

</b:includable>

</b:widget>

Langkah 6 : Click Save Template.


Langkah 7 : Finished----View your blog.


Dengan melakukan langkah diatas, maka Label blog kamu sudah dibuat dalam bentuk flash. Untuk mencocokkan widget ini dengan blog kamu perhatikan keterangan berikut :


Width="250" ( sesuaikan lebarnya dengan lebar blog kamu dengan cara mengganti nilai 250)


Height="200" ( sesuaikan tingginya dengan tinggi blog kamu dengan cara mengganti nilai 200)


Untuk mengganti background colornya ganti kode(Lihat kode Warna HTML di Sini)

name="bgcolor" value="#ffffff"

(ffffff adalah kode untuk warna putih kamu bisa menggantinya sesuai dengan warna blog kamu).


Untuk mengganti warna tulisannya cari kode ini

value="tcolor=0x000000

(000000 adalah kode untuk warna hitam)


Untuk mengganti ukuran font nya cari kode

expr:href='data:label.url' style='12'>

(angka 12 disana menunjukan ukuran fontnya bisa diganti sesuai dengan blog kamu).


Sekian dulu....! Semoga bermanfaat.


Good Luck..!!!!