Tips n tricks : Free hosting for swf file

artikel ini sebagai jawaban atas pertanyaan murid saya tentang 'bagaimana caranya menampilkan file swf hasil karya sendiri di weblog wordpress.com'.
yang pertama tentunya ya harus mencari free hosting server yang bersedia menampung file swf, dari hasil surfing akhirnya pilihan pada website http://www.swfcabin.com/ (berdasarkan artikel Free SWF Hosting For Your Internet Business)

untuk mengupload/mengunggah file swf caranya cukup mudah, yaitu kunjungi swfcabin. pada homepagenya langsung ditayangkan form untuk mengunggah file swf -> klik tombol browse -> pilih file swfnya -> publish swf.
selanjutnya swfcabin akan memberikan URL untuk melihat file swf yang telah berhasil diunggah, contoh http://swfcabin.com/open/1285490753. Lantas letak file swfnya sendiri di mana? Dari hasil pembacaan kode html URL tadi ternyata file swf disimpan dengan format http://swfcabin.com/swf-files/1285490753.swf
untuk menambahkan / menayangkan file tadi di wordpress.com maka digunakan bbcode gigya sebagai berikut :

[gigya src="http://www.swfcabin.com/swf-files/1285490753.swf" width="300px" height="150px"] <= html mode

dan hasilnya seperti di bawah ini :
[gigya src="http://www.swfcabin.com/swf-files/1285490753.swf" width="300px" height="150px"]

Menambahkan Album Foto versi flash

dengan menggunakan file berformat flash (swf) sebuah tampilan dapat dibuat lebih menarik dan atraktif karena penikmat bisa berinteraksi langsung dengan file tersebut. berikut ini saya tunjukkan bagaimana membuat album foto dalam format flash dan hasilnya bisa ditampilkan dalam weblog wordpress.com.

1. unduh file program untuk membuat album foto di sini


2. setelah file album foto dalam format swf berhasil dibuat, silahkan unggah ke http://www.swfcabin.com/


3. tuliskan kode berikut pada post atau halaman baru yang akan dibuat pada wordpress.com untuk menampilkan file flash tadi
   [gigya src="http://www.swfcabin.com/swf-files/nomor_file_flash_dari_swfcabin.swf" width="sesuaikan_dg_ukuran_file" height="sesuaikan_dg_ukuran_file"]


4. Tadaaa ... album foto berhasil ditambahkan dalam posting maupun halaman blog

[gigya src="http://www.swfcabin.com/swf-files/1286594478.swf" width="200px" height="300px"]

Menambahkan file flash pada wordpress.com

pada dasarnya wordpress.com telah melarang untuk menambahkan file flash secara sembarangan.

Flash and all other embeds are not allowed in WordPress.com posts, pages, or text widgets. For security reasons, we remove the tags needed for these to work. Your intentions may be innocent, but someone somewhere would try to damage the site, affecting all of our users. - http://en.support.wordpress.com/code/

tapi dengan sedikit trik (menggunakan code yang diperbolehkan wordpress.com untuk menampilkan file flash) maka kita bisa menampilkan file flash karya kita sendiri atau file flash dari situs lain.
berikut contohnya :

[gigya width="600" height="300" src="http://tunjuk.in/ikanflash" quality="autohigh" loop="false" wmode="transparent" menu="false" allowScriptAccess="sameDomain"]
klik pada area kolam untuk memberi makan pada ikan-ikan tersebut

=>
jika ingin tahu cara penulisan kodenya ... silahkan kunjungi http://darmawanku.com/
jika kebingungan masih berlanjut, silahkan ajukan pertanyaan di bagian komentar ;)

bonus : menjadikan file swf sebagai desktop wallpaper

flash playlist

file flash untuk menambahkan playlist lagu pada website. file ini terdiri dari file swf sebagai interfacenya. file xml sebagai penunjuk basis datanya dan file html sebagai file demo cara pemasangannya. diperlukan pengetahuan dasar-dasar HTML agar bisa menayangkan di wordpress kamu

flash playlist.rar

Panduan membuat quiz dengan flash

Salah satu materi Ujian Praktek SMK-TI kompetensi keahlian multimedia tahun 2011 adalah "Membuat CD Pembelajaran Interaktif, yang berisikan materi pelajaran dan soal-soal latihan".
Bagi siswa-siswi kami, membuat CD interaktif dengan menggunakan flash sudah bisa dan 'biasa' dilakukan tetapi untuk membuat soal-soal latihan dengan menggunakan flash 'belum pernah dicoba' sehingga mereka yang memilih materi ini sedikit 'kesulitan'.
Sebetulnya di flash sendiri sudah disediakan template khusus untuk membuat quiz. Panduannya bisa dibaca di http://dzaizen.wordpress.com/2010/02/27/membuat-kuis-dari-flash/. Selain melalui menu template, kita juga bisa membuat quiz dengan cara yang sangat sederhana [download panduannya]. Untuk membuat soal yang lebih interaktif (ada timernya, soal dan jawaban diacak) silahkan baca tutorialnya di http://multimedia2.multiply.com/journal/item/5

semoga membantu ;)

Mengganti bagian header blogspot dengan file flash (swf)

Langkah-langkah mengganti bagian header blogspot dengan file flash (swf)

1. Masuk ke bagian Edit HTML
2. Tambahkan style='display:none;' (warna hijau) untuk melenyapkan tulisan judul dan deskripsi ;) . Ada perbedaan antara value 'none' dengan 'hidden' baca tutorialnya di http://www.w3schools.com/css/css_display_visibility.asp
   
3. Tambahkan style='text-align:center;' (warna kuning) untuk menengahkan file swf
4. Tambahkan kode (warna abu-abu) untuk menampilkan file flash di bagian header. Jangan lupa menyesuaikan valuenya dengan atribut2 yang dimiliki oleh file flash
5. File swf bisa diupload di http://swfcabin.com

contoh hasil tutorial bisa dilihat di http://mm-smkn4malang.blogspot.com. Untuk mempercepat waktu loading blog sebaiknya ukuran file swf tidak melebihi 100Kb

Code is poetry ;)

Menambahkan flash (swf) pada blogspot add flash (swf) to blogspot

berikut ini cara menambahkan file flash (swf) pada blogspot ... baca selengkapnya