Tak dapat di pungkiri bahwa Label Animasi Tag Cloud Cumulus merupakan satu widget label tercantik yang hingga detik ini belum tersaingi oleh widget label manapun. Animasi yang tercipta melalui file berekstensi
.swf ini mampu memberi nuansa keindahan sebuah animasi dan tidak mengurangi sedikitpun fungsi utamanya sebagai sebuah label yang mampu melengkapi kebutuhan sebuah blog.
Meskipun dibeberapa waktu belakangan ini Label Cloud Cumulus mengalami beberapa kendala penggunaan berkaitan dengan
matinya sumber pengaktifan tag cloud oleh sebuah situs (dihanguskanya javascript dan file swf oleh halotemplates.s3.amazonaws.com?), namun kini sampeyan tidak perlu khawatir lagi karena kita bisa membuat tag cloud animasi cumulus ini secara mandiri dengan cara mengupload file flash cumulus dan javascript-nya di free swf dan javascript hosting.
.
Mengapa kita perlu untuk membuat tagcloud cumulus yang mandiri :
Penggunaan tagcloud cumulus tidak berbeda dengan yang terjadi pada
Side Menu(yang akan kita bongkar lagi di posting selanjutnya), yang akhirnya mulai menghilang juga dari peredaran. Pengalaman seperti ini bisa kita gunakan sebagai pemicu semangat untuk selalu berusaha mandiri dan tidak menggantungkan diri pada 1 (satu) situs saja. Kemandirian ini tentunya tidak dalam arti sepenuhnya semua kita lakukan sendiri dengan semua fasilitas, sarana dan prasarana sendiri, melainkan setidak-tidaknya jika kita mempunyai file pribadi maka kemungkina-kemungkina buruk lebih bisa di tekan. Meskipun demikian, apabila sampeyan nantinya tetap menggunakan URL javascript dan swf yang saya sertakan juga tidak menjadi masalah. Apa yang saya sampaikan di atas hanyalah sekedar saran saja demi kelancaran tag cloud cumulus yang akan di buat. Pembuatan Tag cloud cumulus ini akan kita buat dalam beberapa serial posting karena berbagai pengembangan yang dilakukan terhadap tagcloud ini mampu menghadirkan berbagai wajah yang berbeda.
Cara Paling Praktis Membuat Label Tag Cloud Animasi Cumulus Suka-Suka:
- Login to BloGGeR : Tuliskan "User Name/Alamat Email" dan Masukkan "Password/Sandi".
- Dasboard/Dasbor : Halaman Dasbor adalah halaman yang terbuka setelah login dilakukan. KLIK link "Layout/Tata Letak".
- Layout/Tata Letak : Setelah loading beberapa saat kita akan melihat sebuah halaman baru : "Layout-Page Element" atau "Tata Letak-Elemen Laman", yang di dalamnya terdapat blok-blok (kotak2/kolom2) dengan posisi di atas, kanan atau kiri dan tengah serta bawah. KLIK pada bagian bergaris putus-putus di samping kanan atau kiri yang bertuliskan "Add Widget/Tambah Gadget".
- Add Gadget/Tambahkan Gadget : Ada banyak wadget yang mungkin ditambahkan melalui window ini, di depan sampeyan tampak kolom penambahan widget "HTML/Javascript". KLIK di bagian gambar/image atau teks yang bertuliskan HTML/Javascript".
- Copy-Paste : Copy javascript dan pastekan pada box yang telah tersedia. Silahkan tulis judul/nama untuk label tersebut pada kolom bagian atas, jika sampeyan menginginkan.
- Copy-Paste : Copy javascript dan pastekan pada box yang telah tersedia. Silahkan tulis judul/nama untuk label tersebut pada kolom bagian atas, jika sampeyan menginginkan.
- Lihat Blog : Buka Blog untuk melihat hasilnya!.
Javascript Label Tag Cloud Animasi Cumulus Suka-Suka
<div align="center" style="padding:4px;border:5px solid #555;">
<script src='https://cumulus-tagcloud.googlecode.com/svn/MitraBaraya_cumulus.js' type='text/javascript'></script>
<div id='flashcontent'>mitra-baraya</div>
<script type='text/javascript'>
var so = new
SWFObject('http://www.swfcabin.com/swf-files/1275932799.swf', 'tagcloud', '180', '220', '7', '#343664');
/* MITRABARAYA -mitra baraya */
// so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0xfbfe01");
so.addVariable("mode", "tags");
so.addVariable("distr", "true");
so.addVariable("tspeed", "160");
so.addVariable("tagcloud", "<tags><a target='_blank' href='http://mitrabarayaonline.blogspot.com' style='14'>mitrabarayaonline blogspot</a><a href='http://shannenpio.blogspot.com/search/label/Adobe%20Photoshop' style='14'>Adobe Photoshop</a><a href='http://shannenpio.blogspot.com/search/label/Animasi' style='12'>Animasi</a><a href='http://shannenpio.blogspot.com/search/label/Blink%20Effects' style='14'>Blink Effects</a><a href='http://shannenpio.blogspot.com/search/label/Blog%20Design' style='18'>Blog Design</a><a href='http://shannenpio.blogspot.com/search/label/Cursor' style='14'>Cursor</a><a href='http://shannenpio.blogspot.com/search/label/read%20more' style='16'>read more</a><a href='http://shannenpio.blogspot.com/search/label/Tagcloud' style='14'>Tagcloud</a></tags>");
so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
</script>
</div>
Keterangan - Catatan :
Penting diperhatikan- Silahkan coba seluruh kode tanpa melakukan perubahan apapun.
- Setelah percobaan berhasil dengan baik silahkan untuk mengganti beberapa kode untuk penyesuaian dengan kebutuhan yang ingin di tampilkan.
- Akan lebih baik jika javascript dan file flash-nya diupload sendiri di file hosting agar tagcloud dapat selalu terloading dengan baik karena apabila javascript dan file flash ini nantinya digunakan banyak blogger maka bandwidth akan tersita habis!
- Panduan upload javascript (https://cumulus-tagcloud.googlecode.com/svn/MitraBaraya_cumulus.js) dan file flash/.swf (http://www.swfcabin.com/swf-files/1275932799.swf) dapat sampeyan buka melalui link berikut:
Panduan Upload dan simpan file di Google Sites - Khusus upload javascript, selain di Google Sites, sampeyan bisa upload di yourjavascript.com. Buka link berikut untuk mengikuti panduannya:
Panduan Upload dan simpan javascript di yourjavascript.com - Panduan berikutnya untuk upload file .swf di swfCabin dan cara mendapatkan linknya :
Panduan Upload dan cara mendapatkan link file .swf di swfCabin
| 180 | lebar (width) tagcloud |
| 220 | tinggi (height) tag cloud |
| #343664 | warna background |
| fbfe01 | warna teks link |
| 300 | kecepatan gerak animasi tag cloud |
| 16 | ukuran font |
Silahkan juga buka Tutorial lain yang sangat menarik dan patut di ikuti sampeyan semua. Akses melalui link di bawah ini :
» Happy Blogging - mitrabaraya «
He .... he ... he .... Latah juga ini si mitra baraya. Yang lain pada buat cursor bertabur bintang, eh .... ikutan juga! Ha .... Nggak apa-apa, ya? Emang nggak boleh, he ... Biar saja ..., yang lain khan cuma bertabur bintang! Iya, nggak?! Kalau yang ini lain! Lihat saja tuh judulnya! Masih ada ekornya, khan?! Lha, itu ... Cinta itu khan ikutan judul juga. Emang nggak di anggap belakangnya. Hu ... kasihan, dong! He .. eh ... Yang ini lain, kok. Emang nggak sekedar bertabur bintang si cursor animasi ini. Dia sesungguhnya bertabur cinta beneran. Jadi kalau cursor di gerakkan maka bunga-bunga cinta sampeyan akan bertaburan, berserakan sepanjang jalan. Ya ... sampeyan khan play boy, toh?! Atau play girl?! Tuh, lhoh yang suka gonta-ganti pacar. Yang sukanya sabet sana-sabet sini tuh, lhoh! He ... he ... Jangan marah, ya? Gini, lhoh. Cursor ini dibentuk menggunakan javascript yang di dalamnya didesain untuk membuat sebuah taburan cinta dengan jumlah yang bisa di atur juga. Bunga-bunga cinta ini ketika mulai berjatuhan, maka dia akan berubah menjadi semacam kotak-kotak dengan ukuran yang lebih besar dari bunga cinta itu sendiri. Ketika kotak-kotak itu semakin turun, maka diapun akan berubah lagi menjadi bentuk titik-titik yang jauh lebih kecil lagi. Seremnya kalau cursor ini digerakkan menyamping ke kanan dan ke kiri. Dia akan terlihat menjatuhkan bunga-bunga cinta (waru abang kui, lho!), kemudian seakan-akan dia dikejar-kejar oleh naga yang ganas yang mengikuti kemanapun dia pergi. Hayo .... Serem, nggak?! Mau buat? Yo, ikuti cara membuatnya. Gampang, wis. Teplak-teplek langsung jadi! He ....
