Membuat Banner Animasi di Blogspot

Terkadang banner animasi lebih menarik dibandingkan dengan banner yang hanya diam. Bagi anda yang menguasai berbagai software design graphic saya rasa tidak jadi masalah dalam hal ini, tapi berbeda dengan pemula seperti saya.

Namun jangan khawatir, kita masih bisa membuat animasi banner menggunakan beberapa layanan online, seperti : picasion.com, loogix.com, gickr.com, dll.


Berikut akan saya berikan contoh pembuatan banner menggunakan picasion.com


  1. Sebelumnya kita harus membuat 2 atau lebih banner dulu

  2. Silahkan kunjungi website picasion.com 
  3. Klik Browser untuk memasukkan file banner 
  4. Pilih ukuran banner pada Size dan kecepatan animasi pada Speed 
  5. Kalau sudah klik Create animation dan lihat hasilnya 

  6. Kita dapat menyimpan banner dan mengambil link bannernya dengan cara meng-copy link di bagian Direct link.
Misalnya:
http://i.picasion.com/pic70/ba00a996f6af8647844e2e3f4e13c2a7.gif

Untuk menempatkannya kedalam blog, ikuti langkah berikut: 
1. Silakan anda pergi ke halaman layout/Tataletak.
2. Pilih Widget HTML/Java Script
3. Masukkan Kode Berikut ini

<center>
<a href="http://servislaptopyogya.blogspot.com/" target='blank'><img src="http://i.picasion.com/pic70/ba00a996f6af8647844e2e3f4e13c2a7.gif" width="170" height="200" border="0" /></a>
</center>


Simpan dan Lihat Hasilnya.

Keterangan:
Warna Hijau: Isi dengan Link Tujuan
Warna Merah :Isikan sesuai dengan ukuran banner yang anda harapkan
Warna orange: Isi dengan Kode Link Gambar Animasi anda

0 komentar:

Post a Comment

◄ Posting Baru Posting Lama ►