Membuat Jam Dinding dengan Macromedia Flash 8

<div dir="ltr" style="text-align: left;" trbidi="on"> <span style="background-color: white;"><span style="font-family: inherit;"><br style="line-height: 33px;" /><span style="line-height: 33px;">1. Siapkan Gambar yang akan di beri jam Analog , seperti contoh saya menggunakan gambar bulat berikut :</span><br style="line-height: 33px;" /><a href="http://www.blogger.com/blogger.g?blogID=4444186465208429132" name="more" style="line-height: 33px;"></a></span></span><br /> <div class="separator" style="clear: both; line-height: 33px; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxU5mGLzYLznjjZ2V66ocNPu4EL95I7xicviV1bgP2XDZqk23NHRNmO4DBNuLAly7z2XXy4nX4vVtXGz3VRunhAE69-pJNSXnNoxmW6fasQzAwvKGQ1oICHT_HOIehxNtROQQpv-if6aI/s1600/1.png" imageanchor="1" style="background-color: white; margin-left: 1em; margin-right: 1em; text-decoration: none;"><span style="color: black; font-family: inherit;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxU5mGLzYLznjjZ2V66ocNPu4EL95I7xicviV1bgP2XDZqk23NHRNmO4DBNuLAly7z2XXy4nX4vVtXGz3VRunhAE69-pJNSXnNoxmW6fasQzAwvKGQ1oICHT_HOIehxNtROQQpv-if6aI/s1600/1.png" style="-webkit-box-shadow: rgba(0, 0, 0, 0.496094) 0px 2px 5px; -webkit-transition: all 0.5s; border: none; box-shadow: rgba(0, 0, 0, 0.496094) 0px 2px 5px; height: auto; margin-bottom: 9px; margin-left: 4px; max-width: 560px; position: relative;" /></span></a></div> <span style="background-color: white;"><span style="font-family: inherit;"><span style="line-height: 33px;">2. Buka Program Macromedia flash 8 , kalo belum punya kamu bisa cari di google dan harus cari versi portablenya, setelah membuka program tersebut akan muncul jendela seperti di bawah :</span></span></span><br /> <div class="separator" style="clear: both; line-height: 33px; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2fwubguPDonF8a8gWeL9b0Yx4qZo4AzEQTjftT2nngzlLWcw-oQfImNkMH1DlmKGEPGdoeLSz1vLHi3drJVuJnIuSsx0Sh_jwh309KAKCExH7_ifCorpglNBZyUxkJdSR40NjbDtuS2s/s1600/1.PNG" imageanchor="1" style="background-color: white; margin-left: 1em; margin-right: 1em; text-decoration: none;"><span style="color: black; font-family: inherit;"><img border="0" height="300" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2fwubguPDonF8a8gWeL9b0Yx4qZo4AzEQTjftT2nngzlLWcw-oQfImNkMH1DlmKGEPGdoeLSz1vLHi3drJVuJnIuSsx0Sh_jwh309KAKCExH7_ifCorpglNBZyUxkJdSR40NjbDtuS2s/s400/1.PNG" style="-webkit-box-shadow: rgba(0, 0, 0, 0.496094) 0px 2px 5px; -webkit-transition: all 0.5s; border: none; box-shadow: rgba(0, 0, 0, 0.496094) 0px 2px 5px; height: auto; margin-bottom: 9px; margin-left: 4px; max-width: 560px; position: relative;" width="400" /></span></a></div> <div class="separator" style="clear: both; line-height: 33px; text-align: center;"> <span style="background-color: white;"><span style="font-family: inherit;"><br /></span></span></div> <div class="separator" style="clear: both; line-height: 33px;"> <span style="background-color: white;"><span style="font-family: inherit;">3. Selanjutnya pilih Flash Document seperti gambar di atas , setelah itu tekan tombol Ctrl+F3 pada keyboard, nanti akan ada pilihan di bawah dan di situ kamu bisa atur ukuran background sesuai gambar yang di inginkan , misalnya saya akan reseize gambar width : 240 dan height : 240 .</span></span></div> <div class="separator" style="clear: both; line-height: 33px;"> <span style="background-color: white;"><span style="font-family: inherit;"><br /></span></span></div> <div class="separator" style="clear: both; line-height: 33px;"> <span style="background-color: white;"><span style="font-family: inherit;">4. lalu import  gambar yang di inginkan dengan meng klik File yang ada di bagian atas pojok sebelah kiri lalu >> Import >> Import To Stage , setelah itu cari gambar mana yang kamu mau, sesuai dengan resolusi gambar tersebut, kalo sudah ada klik OPEN.</span></span></div> <div class="separator" style="clear: both; line-height: 33px;"> <span style="background-color: white;"><span style="font-family: inherit;"><br /></span></span></div> <div class="separator" style="clear: both; line-height: 33px;"> <span style="background-color: white;"><span style="font-family: inherit;">5. Selanjutnya klik 1 kali pada keyboard angka T ( Text Tool ) dan buat angka 1 sampai 12 , seperti contoh:</span></span></div> <div class="separator" style="clear: both; line-height: 33px;"> <span style="background-color: white;"><span style="font-family: inherit;"><br /></span></span></div> <div class="separator" style="clear: both; line-height: 33px; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghJYz2E1EP-CV0supFvAimO3pUXty0A1PQFySFKPplGLlPui_aiaxYbC8UBc5qcpuwqH2hn_h_TaUlBO57WxTCMhaxc3AjhZ80BcDxDsQxKp6_8TpWsVr_aiToXlwrrZBkv-W7iSVDdZ4/s1600/2.PNG" imageanchor="1" style="background-color: white; margin-left: 1em; margin-right: 1em; text-decoration: none;"><span style="color: black; font-family: inherit;"><img border="0" height="300" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghJYz2E1EP-CV0supFvAimO3pUXty0A1PQFySFKPplGLlPui_aiaxYbC8UBc5qcpuwqH2hn_h_TaUlBO57WxTCMhaxc3AjhZ80BcDxDsQxKp6_8TpWsVr_aiToXlwrrZBkv-W7iSVDdZ4/s400/2.PNG" style="-webkit-box-shadow: rgba(0, 0, 0, 0.496094) 0px 2px 5px; -webkit-transition: all 0.5s; border: none; box-shadow: rgba(0, 0, 0, 0.496094) 0px 2px 5px; height: auto; margin-bottom: 9px; margin-left: 4px; max-width: 560px; position: relative;" width="400" /></span></a></div> <span style="background-color: white;"><span style="font-family: inherit;"><br style="line-height: 33px;" /><span style="line-height: 33px;">6. Lalu susun satu per satu angka yang telah di buat , Susun seperti halnya jam analog ,</span><br style="line-height: 33px;" /><span style="line-height: 33px;">7. Sesudah selesai di susun, selanjutnya buat 3 garis, garis jam ,garis menit dan garis detik di background yang berwarna abu abu, seperti contoh :</span></span></span><br /> <div class="separator" style="clear: both; line-height: 33px; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLI4QFNrtlPUbEUvivdEdfCjBImv-HAEFtrsPHbr3ZM6h7v2g1ZoDcHbP1Gj1v6Wuje9e0QmvNGZjkLben7oDS6AkDyoz9gccF_uU0ifYbfyGgANiaPSh2WJ6yD39q_r2dha_CTyK9L8Y/s1600/2.PNG" imageanchor="1" style="background-color: white; margin-left: 1em; margin-right: 1em; text-decoration: none;"><span style="color: black; font-family: inherit;"><img border="0" height="300" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLI4QFNrtlPUbEUvivdEdfCjBImv-HAEFtrsPHbr3ZM6h7v2g1ZoDcHbP1Gj1v6Wuje9e0QmvNGZjkLben7oDS6AkDyoz9gccF_uU0ifYbfyGgANiaPSh2WJ6yD39q_r2dha_CTyK9L8Y/s400/2.PNG" style="-webkit-box-shadow: rgba(0, 0, 0, 0.496094) 0px 2px 5px; -webkit-transition: all 0.5s; border: none; box-shadow: rgba(0, 0, 0, 0.496094) 0px 2px 5px; height: auto; margin-bottom: 9px; margin-left: 4px; max-width: 560px; position: relative;" width="400" /></span></a></div> <div class="separator" style="clear: both; line-height: 33px; text-align: center;"> <span style="background-color: white;"><span style="font-family: inherit;"><br /></span></span></div> <span style="background-color: white;"><span style="font-family: inherit;"><span style="line-height: 33px;">8. Selanjutnya tekan tombol </span><span style="line-height: 33px;">V</span><span style="line-height: 33px;"> ( Selection Tool ) pada keyboard, klik garis jam yang tadi di buat lalu tekan tombol </span><span style="line-height: 33px;">F8</span><span style="line-height: 33px;"> pada keyboard dan isi  Name dengan</span><span style="line-height: 33px;">Jam_mc</span><span style="line-height: 33px;">, Type berada di </span><span style="line-height: 33px;">Movie Clip</span><span style="line-height: 33px;"> dan Registration berada di bawah , kalo da ngerti liat gambar di bawah :</span></span></span><br /> <div class="separator" style="clear: both; line-height: 33px; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2NfHlO00v6HCZN9k-akuW-ciY6XxIvtj9iCkshxnxNtc0YqpSTdZGZSiDiVqiAQFjH10OtNMG6tr_yQkxfQ9iyOQ4bLuBPzgciGJaZiVJ7lalWVt9J7CWqrGSCqoSzpYktUWEf4PD63s/s1600/3.PNG" imageanchor="1" style="background-color: white; margin-left: 1em; margin-right: 1em; text-decoration: none;"><span style="color: black; font-family: inherit;"><img border="0" height="130" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2NfHlO00v6HCZN9k-akuW-ciY6XxIvtj9iCkshxnxNtc0YqpSTdZGZSiDiVqiAQFjH10OtNMG6tr_yQkxfQ9iyOQ4bLuBPzgciGJaZiVJ7lalWVt9J7CWqrGSCqoSzpYktUWEf4PD63s/s400/3.PNG" style="-webkit-box-shadow: rgba(0, 0, 0, 0.496094) 0px 2px 5px; -webkit-transition: all 0.5s; border: none; box-shadow: rgba(0, 0, 0, 0.496094) 0px 2px 5px; height: auto; margin-bottom: 9px; margin-left: 4px; max-width: 560px; position: relative;" width="400" /></span></a></div> <span style="background-color: white;"><span style="font-family: inherit;"><br style="line-height: 33px;" /><span style="line-height: 33px;">9. Sesudah itu isi </span><span style="line-height: 33px;"><instance name></span><span style="line-height: 33px;"> yang ada di pojok kiri bawah sesuai dengan nama di atas yaitu </span><span style="line-height: 33px;">Jam_mc</span><span style="line-height: 33px;"> , liat gambar di bawah</span></span></span><br /> <div class="separator" style="clear: both; line-height: 33px; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGI35hr4Kne0MyOb19NJIESO-UEQoAuoA1HKy7JlgbtzwW9mksqeATLAtzYjGsTuC_9L7UsVHOvVGqVYbdghXoXrZ7dCP97nEKW9VKNlLRBTWsLrCh7otrqANZQ6eexeFvs3RNDGbYC9g/s1600/4.PNG" imageanchor="1" style="background-color: white; margin-left: 1em; margin-right: 1em; text-decoration: none;"><span style="color: black; font-family: inherit;"><img border="0" height="300" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGI35hr4Kne0MyOb19NJIESO-UEQoAuoA1HKy7JlgbtzwW9mksqeATLAtzYjGsTuC_9L7UsVHOvVGqVYbdghXoXrZ7dCP97nEKW9VKNlLRBTWsLrCh7otrqANZQ6eexeFvs3RNDGbYC9g/s400/4.PNG" style="-webkit-box-shadow: rgba(0, 0, 0, 0.496094) 0px 2px 5px; -webkit-transition: all 0.5s; border: none; box-shadow: rgba(0, 0, 0, 0.496094) 0px 2px 5px; height: auto; margin-bottom: 9px; margin-left: 4px; max-width: 560px; position: relative;" width="400" /></span></a></div> <span style="background-color: white;"><span style="font-family: inherit;"><br style="line-height: 33px;" /><span style="line-height: 33px;">10. Selanjutnya untuk garis menit dan detik ulangi langkah dari point 8 - 9 , namun isi Name dan <instanc e name> dengan , Menit = </span><span style="line-height: 33px;">Menit_mc</span><span style="line-height: 33px;"> , Detik =</span><span style="line-height: 33px;">Detik_mc</span><span style="line-height: 33px;"> .</span><br style="line-height: 33px;" /><br style="line-height: 33px;" /><span style="line-height: 33px;">11. Sesudah itu tumpangkan garis Jam , Manit dan Detik , di bagian tengah gambar dengan urutan jam di paling bawah menit di tengah dan detik yang terakhir , maksudnya seperti ini :</span></span></span><br /> <div class="separator" style="clear: both; line-height: 33px; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBDkPs_FJZY6FWjG1i3SA1OkMWzTFI5S3OvMijh_IU63oiNrNsbRu70G7lXem3IZILIfYYa3IH53ul8PXyyjyH4KZ89SdfAvX1LBy1-yZNXQcC1QbWRxd_sYeEXcDtAjr8eOgjDCcH1hc/s1600/5.PNG" imageanchor="1" style="background-color: white; margin-left: 1em; margin-right: 1em; text-decoration: none;"><span style="color: black; font-family: inherit;"><img border="0" height="300" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBDkPs_FJZY6FWjG1i3SA1OkMWzTFI5S3OvMijh_IU63oiNrNsbRu70G7lXem3IZILIfYYa3IH53ul8PXyyjyH4KZ89SdfAvX1LBy1-yZNXQcC1QbWRxd_sYeEXcDtAjr8eOgjDCcH1hc/s400/5.PNG" style="-webkit-box-shadow: rgba(0, 0, 0, 0.496094) 0px 2px 5px; -webkit-transition: all 0.5s; border: none; box-shadow: rgba(0, 0, 0, 0.496094) 0px 2px 5px; height: auto; margin-bottom: 9px; margin-left: 4px; max-width: 560px; position: relative;" width="400" /></span></a></div> <span style="background-color: white;"><span style="font-family: inherit;"><br style="line-height: 33px;" /><span style="line-height: 33px;">12. klik Frame 1 yang ada di pojok kiri atas ,kalo ga tau liat gambar berikut yang di kotak warna merah dan klik di bawah angka 1  :</span></span></span><br /> <div class="separator" style="clear: both; line-height: 33px; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxGaGXFOhMg_uVfs2QAG4b4j1X7x9Zb3cUEX3PGoZxymUFHj7ToDcHEwkhfSkYFXRbcg9QaAgGfX_tBQo4ik_N2qWNhe8n1hOjiavUY1tx278TzUtZrJe3dJHEP2ZlGzGFvvzGwyr2itY/s1600/6.PNG" imageanchor="1" style="background-color: white; margin-left: 1em; margin-right: 1em; text-decoration: none;"><span style="color: black; font-family: inherit;"><img border="0" height="300" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxGaGXFOhMg_uVfs2QAG4b4j1X7x9Zb3cUEX3PGoZxymUFHj7ToDcHEwkhfSkYFXRbcg9QaAgGfX_tBQo4ik_N2qWNhe8n1hOjiavUY1tx278TzUtZrJe3dJHEP2ZlGzGFvvzGwyr2itY/s400/6.PNG" style="-webkit-box-shadow: rgba(0, 0, 0, 0.496094) 0px 2px 5px; -webkit-transition: all 0.5s; border: none; box-shadow: rgba(0, 0, 0, 0.496094) 0px 2px 5px; height: auto; margin-bottom: 9px; margin-left: 4px; max-width: 560px; position: relative;" width="400" /></span></a></div> <span style="background-color: white;"><span style="font-family: inherit;"><br style="line-height: 33px;" /><span style="line-height: 33px;">13 . Terakhir klik Block All yang ada di bawah lalu Copy Kodenya, lalu tekan tombol F9 pada program Macromedia Flash 8 dan paste kode yang di copy di kolom putih Action :</span></span></span><br /> <div style="line-height: 33px;"> <form name="copy"> <div align="center"> <span style="background-color: white;"><span style="font-family: inherit;"><input type="button" value="Copy Kode dibawah ini" /></span></span></div> <div align="center"> </div> <div align="center"> <span style="font-family: inherit;"><textarea cols="15" name="txt" rows="50" style="height: 100px; width: 500px;" wrap="VIRTUAL">perintah yang dijalankan ketika frame dimainkan onEnterFrame = function () { //membuat variable waktu sebagai date object waktu = new Date(); //membuat variable jam dengan nilai sama dengan jam pada komputer jam = waktu.getHours(); //membuat variable menit dengan nilai sama dengan menit pada komputer menit = waktu.getMinutes(); //membuat variable detik dengan nilai sama dengan detik pada komputer detik = waktu.getSeconds(); //digunakan jika komputer menggunakan sistem 12 jam //jika nilai variable jam lebih dari 12 maka akan dikurangi 12 if (jam>12) { jam -= 12; } //movie clip jam_mc akan berotasi sesuai nilai variable jam dikali 30 yang ditambah nilai variable menit di bagi 2 jam_mc._rotation = jam*30+(menit/2); //movie clip jam_mc akan berotasi sesuai nilai variable menit dikali 6 menit_mc._rotation = menit*6; //movie clip detik_mc akan berotasi sesuai nilai variable detik dikali 6 detik_mc._rotation = detik*6; };