Membuat Widget Flash Label Cloud di Blog

Membuat Widget Flash Label Cloud di Blog adalah salah satu cara untuk mempercantik tampilan blog, selain itu label sendiri merupakan hal yang penting bagi pengunjung blog agar dengan mudah menemukan dan membaca artikel dalam kategori yang sama. flash label cloud sebenarnya dibuat khusus untuk wordpress. kemudian dikembangkan oleh way2blogging.org dalam versi blogger dan masih menggunakan flash buatan helium.net.au

artikel ini ane posting kembali dengan sedikit mengurangi skrip dari pembuatnya agar lebih ringan dan simple dan merupakan pertanyaan dari saudara +Abi Sofyan Ghifari :)

Langsung saja!

1. login ke akun bloger anda

2. Pilih tempate - edit html
cari kode berikut :
<b:section class='sidebar' id='sidebar' preferred='yes'>
[Gunakan fasilitas ctrl+f untuk memudahkan pencarian]
3. Copy paste kode berikut tepat dibawah kode diatas

<b:widget id='Label89' 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'>
<div id='blogging_label_cloud' style='width:100%;height:300px'>
<b:loop values='data:labels' var='label'>
<a class='tag-link' expr:href='data:label.url' expr:style='"font-size: 1" + data:label.cssSize + "pt;"'><data:label.name/></a>
</b:loop>
</div>
<script src='http://widgets.way2blogging.org/blogger-widgets/w2b-fatcloud-blogger.js' type='text/javascript'/>
<script type='text/javascript'>
fatCloud.SWF = "http://widgets.way2blogging.org/blogger-widgets/way2blogging-fatcloud.swf";
var blogginglabelcloud_fatcloud = new FatCloud("blogging_label_cloud", "Wordle");
blogginglabelcloud_fatcloud.options =

{"textAngle": "Horizontal","sizeRatio": "12","colorScheme": "Aqua","fgColor": "#4d87e3","mgColor": "#1250eb","sColor": "#ffffff","bgColor": "#b3dae6","font": "Report","randomFont": "yes"};

fatCloud.fontList = ["Expressway", "Meloche", "Museo", "Negotiate", "Report"];
blogginglabelcloud_fatcloud.noXML = true;
blogginglabelcloud_fatcloud.saveSkinCacheURL = "/";

</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

Keterangan :
style='width:100%;height:300px'> adalah ukuran lebar dan tinggi widget, sesuaikan dengan side bar anda
"textAngle": "Horizontal" adalah bentuk dari tulisan, horizontal bisa diganti dengan vertical.
"fgColor": "#4d87e3" adalah warna label 1
"mgColor": "#1250eb" dalah warna label 2
"sColor": "#ffffff" adalah bacround label
"bgColor": "#b3dae6" adalah background widget

4. Pratinjau terlebih dahulu untuk melihat hasilnya sebelum anda menyimpan template.
5. jika sudah tampak, simpan template.

untuk menampilkan widget flash label cloud ini memang sedikit memakan waktu yang dikarenakan animasi flash. Anda bisa merubah letak file flash dan javascript yang terdapat diatas dengan menggunakan tempat hosting anda.
Semoga bermanfaat... :)

Penulis: Unknown Bandung, Indonesia

Artikel Membuat Widget Flash Label Cloud di Blog, diterbitkan oleh Unknown . Semoga artikel ini dapat menambah wawasan Anda. Terimakasih atas kunjungan Anda pada blog ini. Kritik dan saran tentang Membuat Widget Flash Label Cloud di Blog dapat Anda sampaikan melalui kotak komentar dibawah ini. Semoga pula blog ini dapat memberi manfaat pada siapapun yang membacanya, minimal jadi bahan renungan kala tersentuh, atau sekedar penghibur bila dianggap lucu..