Cumulus Label Cloud - Blogger Widget

Awalnya comulus label cloud ini dibuat oleh Roy Tank yang dikhususkan untuk pengguna WordPress dengan nama WP Comulus Tag Cloud. Minimus kemudian mengembangkannya untuk digunakan pada versi Blogger karena pada Blogger masih belum ada fasilitas tag, supaya lebih sesuai maka widget ini diberi nama Blogger Comulus Label Cloud.

Cumulus Label Cloud - Blogger Widget (img:modification-blog.blogspot.com)

Widget ini menggunakan kombinasi JavaScript dan animasi flash untuk mengurai dan menampilkan label pada blog. Setelah terinstall dalam template widget akan langsung bekerja tanpa perlu tambahan apapun. Akan tetapi Anda masih bisa menyesuaikan warna label, ukuran, dan latar belakang widget. Untuk melihat bagaimana widget ini bekerja, Anda cukup mengarahkan mouse pada objek label cloud dalam widget ini, dan pada saat yang bersamaan label akan berputar mengikuti arah mouse.

Langkah Integrasi Widget Comulus Label Cloud Pada Blogger

1. Log in ke Blogger » Tata Letak





Home Screen Blogger



2. Klik Tambahkan Gadget





Layout Blogger



3. Klik link "Tambahkan milik Anda"





Tambahkan Gadget



4. Copy kode berikut kemudian tempel pada kolom URL kemudian klik "Tambahkan menurut URL"



http://henscripts.googlecode.com/svn/trunk/tag/cumulus.xml






Masukkan URL



5. Sesuaikan tampilan widget dengan template Anda





Konfigurasi Widget (img:modification-blog.blogspot.com)



6. Simpan widget

Konfigurasi Widget

Variabel	Keterangan
Judul Label	Ubah untuk memberi judul pada gadget
Tinggi	Utuk mengubah ukuran tinggi gadget
Tinggi Cloud	Untuk mengubah tinggi tampilan cloud dalam satuan pixel, harus diperhatikan pula tinggi widget yang anda gunakan
Lebar Cloud	Untuk mengubah lebar cloud dalam satuan pixel, harus diperhatikan pula lebar widget yang anda gunakan
Ukuran Huruf Min	Atur ukuran minimum font dari label, ini akan tampil sebagai label cloud terkecil pada widget
Ukuran Huruf Maks	Atur ukuran maksimum font dari label, ini akan tampil sebagai label cloud terbesar pada widget
Warna Label Min	Untuk mengatur warna label ukuran terkecil. Warna ini akan mempengaruhi warna huruf terkecil saat rotasi pada widget
Warna Label Maks	Untuk mengatur warna label ukuran terbesar. Warna ini akan mempengaruhi warna huruf terbesar saat rotasi pada widget
Warna Hover	Aturlah warna yang akan muncul saat mouse hover, warna ini mempengaruhi kotak, huruf dan angka label
Kecepatan Rotasi	Mengatur kecepatan perputaran cloud
Warna Latar	Untuk mengatur warna latar belakang (background) label cloud
Mode Transparan	Menetapkan warna latara belakang label cloud yang transparan
Tampilkan Penanda	Menunjukkan jumlah artikel pada label ketika Anda menggeser kursor pada label cloud

Tutorial di YouTube

Semoga Bermanfaat

—ς∞ς— 

 sumber: http://modification-blog.blogspot.com

Tweet

Postingan terkait:

Ditulis EM — Monday, 15 April 2013 — Add Comment — Blogger Widgets