Jumat, 20 April 2012

Cara Memasang Musik di Blog | Blogger atau Blogspot

1. Buka mixpod.com

2. Daftar pakai email kamu

3. Klik ‘Create Playlist’


4. Cari di kotak pencarian lagu yang akan dipasang. Misalnya, Dear God Avenged Sevenfold. Lantas klik tanda + di sebelah kanan lagu. Jika ingin menambahkan lagu, ulangi proses ini. Saya ambil contoh lagu kedua Tears X Japan.


5. Jika ingin mengatur tampilan, warna, dll, klik ‘Customize’ (di kiri atas).


6. Klik ‘Save Playlist’. Isi judul dan deskripsi. Misalnya musik dan deskripsinya my music. Lalu klik ‘SAVE (get code). 

7. Muncul embed-nya, copy dan pasang di blog kamu. Caranya: Login ke blog kamu, masuk dashboard-design-add gadget-pilih HTML/javasript, pastekan embde kode tadi, lalu simpan. 


Hasilnya seperti ini:


MusicPlaylistView Profile
Create a MySpace Playlist at MixPod.com

Membuat Animasi Kumbang Mengikuti Mouse

Kali ini saya akan membuat sebuah objek yang bergerak seakan-akan mengikuti mouse. Yang ini beda sama yang mengganti kursor lho. Kalo bingung, langsung aja deh lanjut….. 8)
  • Seperti biasa, kita buat sebuah dokumen baru:wink:
  • Sekarang yang mengikuti kursor adalah kepik, atau kumbang, gambar yang bagus ya.. :p
    kumbang
    kumbang
  • Setelah kita gambar kumbang yang bagus, kemudian seleksi kumbang tersebut atau tekan Ctrl + A (Seleksi semua).
  • Kemudian kita klik kanan pada kumbang tersebut dan pilih Convert To Symbol, lalu pilih MovieClip (Setting seperti di gambar ya :wink: ).
    convert to symbol
    convert to symbol
  • Oke, sekarang Kumbang kita jadi sebuah MovieClip. :)
  • Terlebih dahulu kita klik kumbangnya dulu terus kita pergi ke panel properties (caranya tekan Ctrl + F3) dan ubah instance name-nya menjadi kumbang_mc.
    properties kumbang
    properties kumbang
  • Sekarang kita beralih ke Actionscript nih, siap2 ya..  :lol:
  • Buka Panel Actions dengan menekan F9 pada keyboard, jika yang muncul adalah Panel Actions – MovieClip, berarti kita harus meng-klik Layer 1 frame 1 agar Panelnya menjadi Actions – Frame.
    actions - frame
    actions - frame
  • Kemudian ketikkan script berikut :
    01_root.onEnterFrame=function(){
    02//mencari selisih dari koordinat
    03var deltaX = _xmouse - kumbang_mc._x;
    04var deltaY = _ymouse - kumbang_mc._y;
    05//menggerakkan kumbang ke kursor sebesar 1/10 dari jarak ke kursor
    06kumbang_mc._x += deltaX / 10;
    07kumbang_mc._y += deltaY / 10;
    08//kumbang menghadap ke mouse
    09kumbang_mc._rotation = -Math.atan2(-deltaX,-deltaY)*180/Math.PI;
    10}

Selasa, 17 April 2012

Membuat Informasi Posisi Mouse

Pada animasi ini, anda akan membuat sebuah tampilan yang memberikan informasi koordinat dari posisi mursor mouse. langkah-langkah pembuatannya adalah sebagai berikut:
  1. Buatlah sebuah dokumen baru dengan memilih File -> New.
  2. Pada kotak dialog New Document, pilih Flash File (ActionScript 2.0), lalu klik OK.
  3. Import sebuah tampilan foto sebagai background dengan memilih menu File -> Import -> Import to Stage.
  4. Dengan menggunakan Free Transform Tool, atur tampilan foto agar sesuai dengan ukuran stage.
  5. Lakukan penguncian trhaddap layar bacjground.
  6. Buatlah layer baru dengan klik New Layer pada Timeline.
  7. pilih Text Tool pada toolbox.
  8. Pada panel Properties, pilih Dynamic Text.
  9. Dengan menggunakan tool tersebut, buatlah kotak teks pada stage.
  10. Buatlah dua kotak dengan ukuran yang sama dan atur posisinya.
  11. Klik kotak teks tersebut dengan enggunakan text Tool.
  12. pada panel Properties, ketikkan “xmouse_txt”.
  13. Lakukan pengaturan terhadap tampilan teks pada tab Character.
  14. Lakukan pada kotak teks kedua, kemudian ketikkan “xmouse_txt” pada panel Properties.
  15. Atur tampilan teks dengan pengaturan yang sama seperti pada pengaturan teks sebelumnya.
  16. Klik Text Tool di luar stage.
  17. Selanjutnya pilih Static Text pada panel properties.
  18. Dengan menggunakan tool tersebut, buatlah teks seperti pada gambar berikut sebagai keterangan bagian kotak terks.
  19. Sekarang buatlah layar baru dengan New Layer pada Timeline.
  20. Klik frame pertama pada layer tersebut,
  21. Tampilkan panel Actions, kemudian ketikkan ActionScript berikut:
onMouseMove=function(){
xmouse_txt.text=_root._xmouse;
ymouse_txt.text=_root._ymoouse;
updateAfterEvent();
}
22.  Tampilkan hasilnya dengan tekan Ctrl+Enter.
23.  Gerakkan mouse maka akan tampak angka-angka koordinat.