Animasi Gambar Menggunakan Javascript

Buat Sahabat Blogger Yang ingin Tampilan Web/Blognya Menarik Dengan Animasi Burung Seperti Disamping. Kali ini Kuliah Online akan memberikan sedikit Trik Untuk Membuat Animasi Diblog

Pertama Yang Harus Siapkan 2 Atau 3 Gambar Yang ingin dijadikan sebagai Gambar Animasi. Sampul Ilmu Memilih 2 Gambar Seperti Gambar Dibawah

Bagi Teman-Teman Disarankan Agar Membuat Gambar Sendiri  Di Photoshop Atau Corel Draw Biar Lebih Menarik.  Apabila Anda Sudah Membuat Gambarnya. Diharapkan Agar Gambar Tersebut DiCompress Agar Size lebih kecil dari size sebelumnya agar proses upload lebih cepat nantinya.

Proses Membuat Gambar Animasi DiBlog

1.Klik alamat ini Picasion.com. Maka Akan Muncul Gambar dibawah ini.

2. Setelah Muncul Tampilan Seperti Gambar Diatas Kemudian Klik Browse Untuk Memasukkan Gambar Yang Sebelumnya Sudah Anda Buat. Kali ini Sampul Ilmu Hanya Memasukan 2 Buah Gambar. Apabila Anda Mempunyai 3 Gambar Langsung Saja Masukan Pada Image 3.

3. Pada Kolom Size Anda boleh mentukan ukuran untuk gambar animasi anda .

4. Pada Kolom Speed Adalah Pilihan Kecepatan Slide Show Gambar Animasi yang anda buat

5. Setelah Selesai Melakukan Langkah Diatas Kemudian Klik Create Animation 

Akan Muncul Gambar Seperti Dibawah Ini:

6. Kemudian Copy Kode Pada HTML code for blog/website Dan Paste Ke Widget HTML/Java Script Di Halaman Template Blog Anda. Atau Juga Dapat Anda Tampilkan Di Post Web Anda Dengan Cara Copy Kode HTML Di Post anda Pilih Compose Lalu Paste Kemudian Klik Simpan Dan Lihat Hasilnya..

Berikut beberapa contoh gambar animasi lainnya yang dibuat menggunakan program Javascript :

                             

Semoga Cara Membuat Gambar Animasi DiBlog Bermanfaat..

Untuk lebih jelasnya tentang tutorial cara membuat animasi gambar menggunakan Javascript Anda bisa kunjungi disini. Kunjungi juga website ini Universitas Stikubank Semarang. Selamat belajar yaa kawan SALKOMSEL. . hehehe :)

Created By :

Miftakhul Huda   (11.01.53.0008)

Rifai                     (11.01.53.0027)