Widget Label Cloud Animasi

Blogumus "adalah Flash tag cloud widget yang menggunakan konversi script dari Roy Tanck's WP Cumulus plugin untuk Wordpress. saya sangat suka sekali  plugin karya Roy Cumulus ini ketika saat pertama kali  saya  melihatnya, dan kita hanya harus belajar bagaimana mengubah plugin  ini agar bisa digunakan di Blogger blog. Hasilnya adalah widget yang dapat Anda lihat seperti pada gambar di atas,.atau anda bisa melihat bagaiman  effect animasi dari widget tersebut dengan cara menggerakan mouse anda ke atas objek Flash widget tersebut. Pada posting ini, saya akan menjelaskan bagaimana caranya agar anda dapat menambahkan Widget Tag Cloud Animasi  tersebut pada blog anda.

Cara untuk memasang widget ini pada template blog anda tidaklah begitu sulit yaitu dengan Cara pada menu dashboard anda klik Tata letak >> Edit Html terus anda cari kode dibawah ini pada halaman Edit Html.

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

Bila anda telah menemukankode tersebut, kemudian anda paste kan kode dibawah ini tepat dibawah kode yang anda cari tadi.

<b:widget id="Label99" locked="false" title="Labels" type="Label">

<b:includable id="main">

<b:if cond="data:title">

</b:if></b:includable></b:widget></b:section>

<h2>

<data:title></data:title></h2>

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

</b:include></div>

Kemudian anda klik save atau simpan, setelah itu anda lihat blog anda untuk melihat bagaimana perunaham tamiplan blog anda setelah anda melakukan penambahan kode2 tersebut.

Untuk merubah tampilan widget tersebut sesuai keinginan anda anda hanya perlu merubah beberapa bagian code yang anda tambahkan tadi,karena Secara default widget ini di set dengan rincian sebagai berikut

• Lebar = 240px

• Tinggi = 300px
  

• Background = putih

• Warna Text = abu2
  

• Ukuran Text = "12"
  

Bila anda ingin merubah bentuk tampilan widget tersebut sesuai dengan selera anda,misalnya memperlebar, mempertinggi, merubah warna background, warna text serta ukuran textnya, anda cukup merubah sebagian dari code tersebut seperti pada rincian sebagai berikut :

Cari dan rubah code yg saya warnai dibawah ini sesuai dengan keinginan anda

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;);

• 240       = Lebar, ganti sesuai keinginan anda misalnya jadi 200

• ffffff      = Warna Background , ganti sesuai keinginan anda misalnya jadi 0000 untuk warna hitam
  

• 333333 = warna text, ganti sesuai keinginan anda misanya jadi ff000

• 300       = Tinggi, ganti sesuai keinginan anda misanya jadi 150

• ‘12’      = Ukuran text, ganti sesuai keinginan anda misanya jadi 16

• 100       = Adalah ukuran untuk kecepatan gerakan teks, silahkan anda ganti sesuai keinginan anda misalnya 150, semakin besar maka akan semakin cepat gerakan animasi teks nya.
  

Selamat mencoba dan semoga bermanfaat, salam blogger mania