Menampilkan Flash di Joomla (unobstructive javascript)

Kini kita akan belajar menampilkan flash dengan menggunakan metode unobstruktif javascript.
Pada metode ini sebagai pengumpan digunakan satu (gak usah banyak-banyak...pemborosan, dah tahu BBM abis naik lagi) buah file javascript yang ukurannya sekitar 6KB saja.

Lan...juuuut, sebelum dilanjut silakan siapkan dulu file flash buat percobaan, kalo gak ada silakan ambil yang ini

Daftar Perlengkapan:

R/
file flash I
swfobject.js I
web editor I
makanan ringan qs

mfla unobstructiveflashonjoomla fl I S~dd

maksudnya apaan tuh, kok kayak baca resep dokter aja?
he he he (dulu), tulisan diatas dibacanya begini:

Siapkan bahan-bahan berikut, file flash, file swfobject.js , webeditor numero 1, dan makanan ringan seperlunya (atao sekenyangnya). Lalu mfla (buatlah dengan cita rasa seni) menjadi sebuah tampilan flash di Joomla yang dipanggil dengan javascript semaunya.

kalo ada apoteker baru ato yang masih sekolah di farmasi pasti bilang, huuu ngawur tuh...emang, sengaja ngawur, dah 7 tahun cabut dari kampus ilmu Preskripsi (resep) dah mulai keawang-awang, tapi jangan salah dengan kimia organik ya...gw masih inget man...

lha jadi ngelantur...
kembali lagi ke flash+javascript.

Meracik flash di web editor

langkah berikutnya, anda harus masuk ke web editor, terserah pakai apa, dalam contoh ini saya pake JCE, yang gak neko-neko buat ngetik tips apalagi ngeblog.

Pada kesempatan yang berbahagia (masa' harus sedih, kan lagi percobaan lagi) ini ceritanya kita akan menyiapkan tampilan flash di modul (didalam artikel juga bisa ).

Singkat cerita sudah sampai di Module Manager, dan klik New Module.

langkah berikutnya adalah ke web editor dan klik tombol HTML karena akan masuk ke format text.

sampai disini jelas ya, kalo belum ngerti coba ulangi lagi...

masukkan beberapa baris kode berikut ke text editor :

<script type="text/javascript" src="/namadomain/images/js/swfobject.js">
</script>
<div id="idflash1">
Flash yang dibuat dengan unobstruktif javascript, harus ada Flash Plugin kalo mau liat tampilannya...
</div>
<script type="text/javascript">
var soflash1 = new SWFObject("images/flash/fileflash.swf", "movieflash1", "635", "150", "6", "#FFFFFF"); soflash1.addParam("loop", "true"); soflash1.addParam("wmode", "transparent"); soflash1.write("idflash1"); </script>

Keterangan isi kode:

1. <div id="idflash1"> : urutan flash yang akan dipasang
2. Flash yang dibuat dengan unobstruktif javascript, harus ada Flash Plugin kalo mau liat tampilannya... : kata-kata yang tampil bila browser klien tidak terpasang FlashPlugin
3. images/flash/fileflash.swf : ada file flash bernama fileflash.swf bertempat tinggal di folder images/flash (relatif terhadap root folder)
4. file swfobject.js diletakkan di folder images/js
5. 635 : panjang ukuran file flash dalam pixel (px)
6. 150 : tinggi (lebar?) file flash dalam satuan pixel (px)
7. 6 : padding dalam satuan pixel
8. ("loop", "true") : flsh movie akan tampil berulang-ulang (looping)
9. ("wmode", "transparent") : window mode transparant, flash akan tampil sebagai frontview
10. #FFFFFF : warna latar belakang flash adalah true white

Parameter diatas bisa diganti sesuai keinginan, dan agar diperhatikan penamaan "flash1".

Langkah selanjutnya adalah ya simpan, kalo Anda menggunakan JCE Editor, klik tombol "Update".
dan tampilan yang akan hadir di text editor adalah :

Flash yang dibuat dengan unobstruktif javascript, harus ada Flash Plugin kalo mau liat tampilannya...

Gak usah khawatir, kode yang anda masukkan aman didalamnya.
langkah selanjutnya seperti biasa (lagi) lakukan setting dimana tampilan flash akan dihadirkan.
lagi-lagi liat di Membuat Flash Header Sederhana .

sudah bisa dilihat tampilan flashnya? sabar dulu dong, filenya sudah diupload belum...lanjut lagi ya

Upload File ke server

Tahap berikutnya, uploadlah file flash dan file swfobject.js ke server, dalam contoh file flash akan diupload ke folder images/flash dan file swfobject diletakkkan di images/js (lokasi file sih terserah aja, saya cuma kasih contoh biar gampang manajemen filenya).

Nah sampai disini mau ngapain lagi?

Kalo saya sih mau makan malam dulu ... , kalo anda terserah, apa mau langsung dicoba atau mau ikutan makan silakan aja. freeway lah...

Cara ini bisa diterapkan di website apapun, hanya dalam contoh ini menggunakan Joomla CMS sebagai contoh - terimakasih dah baca yang satu ini

Catatan penutup dan Antisipasi Kesalahan (Troubleshooting)

Menutup hidangan flash kali ini, mau wanti-wanti aja, (kalo Pak Wanto itu nama teman saya)
sesuaikan ukuran file flash yang dibuat dengan alokasi ruang di halaman situs.

Trus juga inaktifkan dulu fungsi CleanUp HTML dari editor saat memasukkan dan atau melakukan edit kode diatas.

dan terakhir, biasakan berdoa sebelum memulai aktifitas percobaan ini. So far berlangsung baik sejak saya mulai kenal cara ini (sejak awal 2007 lalu).  (joomla.pustaka78.com)

Sumber: http://www.riesurya.com/tipstricks/62-menampilkan-flash-di-joomla-unobstructive-javascript