Memasang Banner Animasi Pada Blogspot

Pernahkah anda mencoba membuat animasi banner iklan pada Blogspot?. Tentu setiap pengguna internet yang mempunyai web ataupun blog ingin memasang gambar bergerak agar web / blog kita nggak bengong kayak sapi ompong, dan membosankan. Namun setelah membuat susah-susah lewat berbagai program, seperti swish, flash, banner maker pro, dll setelah dipasang di blog khususnya blogspot ternyata tidak jalan. Tentu kita akan sangat kecewa. Nah berikut cara membuat gambar .gif dengan flash.

Namun sebelum ke langkah pembuatan perlu diketahui bahwa pada blogspot, jika menggunakan gadjet add Image, gambar .gif harus dibuat di bawah 5 frame. Tetapi masalah yang kemudian muncul adalah kita tidak bisa membuat animasi yang komplek, bahkan animasi kita bisa sangat cepat karena keterbatasan frame.

Jika ingin membuat animasi lebih dari 5 frame tetapi ukurannya kecil dan bisa di jalankan di blogspot, berikut langkahnya:

  1. Buatlah gambar .gif pada flash. Gambar yang akan dikutkan dalam animasi harus di ubah menjadi gambar vektor dengan klik modify > trace bitmap > color threshold : 1, minimun area: 1 > OK. Setelah selesai tekan F8 > klik symbol > ok
  2. Masukkan teks yang dibutuhkan
  3. Design seindah mungkin menurut anda
  4. Lakukan langkah animasi
  5. Setelah semua objek teranimasi tekan Ctrl+Shift+Alt+S > pada save of type : animated gif > ketik nama yang diinginkan > Save.
  6. Buka wordpress anda > pada post > klik add new > klik add an image > browse > cari dan klik gambar yang telah tersimpan > open > upload > pada link Url : isi alamat web atau blog anda > klik insert into post > klik HTML > blok semua bahasa HTML yang ada > ctrl + C.
  7. Sekarang masuk ke blogspot > pada rancangan > klik tambah gadjet > pilih gadjet HTML > Ctrl + V
  8. Maka gambar yang anda buat akan ditampilkan dan di jalankan di Blogspot.

contoh: bahasa HTML yang jika anda copy akan menghasilkan gambar di atas.

=====================

<a href=”https://dreamingmedia.wordpress.com/”><img title=”Dre@ming Media” src=”http://rickyjaya.files.wordpress.com/2011/02/dreming-media-2.gif&#8221; alt=”” width=”100%” height=”100%” /></a>

=====================

oleh : I Wayan Arjawa, S.T.

About dreamingmedia

WORK BEAUTIFULLY SELFLESS
This entry was posted in Banner and tagged . Bookmark the permalink.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s