Tutorial Membuat Preloader (Loading) Untuk Macromedia Flash Professional 8

Bila Anda ingin menampilkan/memasang flash movie pada blog Anda, sebaiknya Anda menggunakan sebuah preloader di bagian awalnya, karena movie tersebut di-load frame-per-frame, maka dari itu jika Anda tidak menggunakan preloader maka sebelum semua frame di-load movie tersebut akan tampil yang menyebabkan flash tersebut tidak sempurna ketika dilihat secara online. Bagaimana membuat loading atau yang biasa disebut dengan preloader dalam flash?
Untuk membuatnya ternyata cukup mudah, apalagi buat preloader yang standar yang satu ini.

Hasilnya :


Cara buatnya? 
1. Buat 2 buah layer, beri nama sesuai keinginan Anda. Misal: dots dan preloader

2. Pada layer preloader, klik Text Tool   atau tekan (T) lalu buat tulisan Loading seperti gambar di bawah

 

3. Insert Keyframe di layer preloader pada frame 15, beri label "start"

4. Insert Keyframe di layer dots pada frame 14

5. Insert Keyframe di layer dots pada frame 3 dan gambar sebuah titik di bawah tulisan "Loading"

6. Lakukan step 5 pada frame-frame berikutnya sampai frame 13

7. Pada frame 14 di layer dots, masukkan ActionScript berikut :

gotoAndPlay(1);

8. Pada frame 1 di layer preloader, masukkan ActionScript berikut :

IfFrameLoaded("end"){
gotoAndPlay("start");
}


9. Copy frame dari file flash lain yang merupakan inti dari flash Anda ke file flash ini dimana Anda telah membuat preloader nya barusan

10. Buat layer baru di atas preloader. Paste-kan frame-frame tersebut di frame ke-16

11. Buat keyframe di paling akhir, beri label "end"

12. Jalankan movie Anda dengan mengklik Control->Test Movie atau dengan menekan Ctrl+Enter

13. Ketika movie sedang berjalan, klik View->Download Settings-->pilih salah satu kecepatan yang ingin diuji

Attachments:

• flash-preloader-1.fla (215 KB)
• flash-preloader-1.swf (14.7 KB)

Nantikan tutorial Membuat Preloader #2 di posting selanjutnya.
Sunscribe Feethree Blog : Anda akan dibertakan jika Feethree Blog mempunyai artikel baru.

Sekarang Anda bisa meng-kreasikan sesuka Anda. Sampai jumpa! :)

Menampilkan Kode HTML di Blogger (Blogspot)

Pengguna blogger mungkin menemukan bahwa jika menuliskan kode HTML di posting maka kode tersebut akan langsung berubah dianggap kode sebenarnya.
Misal :

<b>Kode HTML contoh<b>

langsung berubah jadi seperti ini:

Kode HTML contoh

Langsung saja, bagaimana caranya supaya kodenya tetap seperti kode saat kita tulis? Ternyata caranya mudah sekali, silakan Anda ke centricle. Disana, Anda bisa menjadikan kode tersebut tanpa di-generate langsung (encode) maupun sebaliknya (decode).

 1.  Masukkan kode HTML yang ingin ditulis, klik "Encode"

2.  Salin kode HTML yang telah di-encode ke blog Anda











Happy blogging :)

2 Alternatif Cara Mudah Pasang (Embed) Flash Pada Website dan Blog

Sebagian orang tidak mau website/blog nya dipasangi (embed) animasi flash atau apapun yang berbau flash *emang ada baunya, ya? halaaah* namun ada juga yang mengutamakan penampilan blog/website nya salah satunya dengan cara menampilkan aplikasi, movie, games yang berformat *.swf tentunya, adapula yang setengah-setengah *ngelantur*.

Oke, sampe sini basa-basinya. 2 cara menampilkan flash atau movie di website/blog yaitu:


#Cara 1

1.  Buat flash-nya (*.swf)
2.  Export Movie (Ctrl+Alt+Shift+S) atau Ctrl+Enter
3.  Upload di file hosting di hosting mana saja
4.  Copy link file-nya, contoh: http://namafilehosting.com/coba.swf
5.  Paste-kan ke notepad atau tempat manapun yang bisa dijadikan tempat penitipan *emang barang??*
6.  copy kode di bawah ini:

<object width="100%" height="400">

<param name="movie" value="coba.swf">

<embed src="http://namafilehosting.com/coba.swf" width="100%" height="400">

</embed>

</object>

• ganti yang di-bold pink dengan link file yang tadi sudah kita copy, lalu yang di-bold hijau diganti dengan nama file nya (dicontoh coba.swf)

#Cara 2

Cara kedua hampir sama seperti yang diatas, hanya saja kode nya yang sedikit berbeda. Kode untuk cara yang satu ini adalah:

<object width="100%" height="400">  <param name="movie" value="11126-pic.swf">
<embed src="http://fitri-n.co.cc/wp-content/uploads/2010/06/mediapembelajaranuntkanak2.swf" quality="medium" allowscriptaccess="always" bgcolor="#000000" wmode="opaque" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" align="middle" height="400" width="100%"></embed>
</object>

• yang di-bold warna kuning ganti dengan url file Anda.

Mungkin ada yang timbul pertanyaan, kenapa sudah ada tag <object> kok ditambahin <embed> lagi? Jawabannya karena Internet Explorer hanya menerima tag <object>, sedangkan Netscape hanya mengenal tag <embed>, jadi digunakanlah keduanya.

Selamat mencoba! :D

*Lihat posting sebelumnya untuk contoh: media pembelajaran anak-anak dengan flash
*Artikel selanjutnya akan dibahas mengenai 2 cara membuat loading (preloader) pada flash.

Belajar Bahasa Inggris - Nama Hewan

Wah, sudah lama nggak posting pake bahasa Indonesia, dua posting sebelumnya pake bahasa Inggris, iseng, lagian nggak penting, haha
Nah, kali ini saya upload tugas sekolah buat media pembelajaran untuk anak-anak yang dibuat pake flash. Maaf kalau jelek *emang, wkwk*, daripada disimpan aja.. Masih banyak sih file-file flash yang lain, tapi nggak mau saya upload, nggak penting soalnya, haha..



Kalau flash-nya nggak jalan, coba ke link ini: media pembelajaran anak-anak.
Semoga bisa berguna, deh, hhe..

Bagaimana cara memasang flash pada website/blog seperti yang diatas? Baca 2 Alternatif Menampilkan Flash Pada Website dan Blog