Search

Nov 12, 2012

membuat file gif untuk dipasang ke blog

mungkin sobat-sobat ada yang masih penasaran bagaimana sih membuat dan memasang animasi gif kedalam bolg ?? nah pada postingan kali ini saya ingin share kepada sobat-sobat tentang bagaimana membuat gif dan memasangnya ke blog,, hehehe dijamin engga terlalu pusing lho karena postingan ini tidak memakai codingan karena klo codingan jujur saya juga masih sulit. disini saya memanfaatkan situs penyedia upload gif.. mau tau caranya hehe berikut :
1. agan harus siapkan gambar minimal 2 karena untuk membuat gif minimal dibutuhkan dua gambar.. hehe
contoh gambar yang saya siapkan :
(Gambar 1)

(Gambar 2)

(Gambar 3)


2. Jika sudah menyiapkannya mari buka situs berikut ini Picasion

3. Jika sudah di buka maka akan muncul tampilan seperti dibawah ini..

Keterangan :
 panah 1 : pilih dari direktori mana gambar anda disimpan
panah 2 : menentukan ukuran gambar anda
panah 3 : menentukan speed/kecepatan 

4. Jika sudah Pilih Create Animation


5. Selanjutnya Copy lah Kode Htmlnya.. ed tapi paste tulu nih ke notepad karena untuk di edit dahulu


6. Kode HTML yang saya copy seperti ini :

<a href="http://picasion.com/"><img src="http://i.picasion.com/pic60/ca0c818bcd3d22a8046de22c97323e15.gif" width="300" height="300" border="0" alt="online" /></a><br /><a href="http://www.picasion.com/">online</a>

Lalu saya ubah menjadi seperti ini :

<a href="http://novanpeace.blogspot.com/"><img src="http://i.picasion.com/pic60/ca0c818bcd3d22a8046de22c97323e15.gif" width="300" height="300" border="0" alt="online" /></a>

Catatan nih sobat : 
  • UntukKode yang berwarna merah ganti dengan url sobat
  • dan kode yang biru menentukan ukuran yang diinginkan sobat sekalian
  • dan kode yang berwarna pink dihapus.. hehe

Maka hasilnya akan seperti dibawah ini dan arahkan mouse atau kursor ke gambar dibawah ini maka gambar akan bergerak.. hehe
kode HTML itu bisa sobat-sobat pasang sebagai widget di blog.. hehe


online


Related Post:

Comments

0 komentar:

:) :( ;) :D ;;-) :-/ :x :P :-* =(( :-O X( :7 B-) :-S #:-S 7:) :(( :)) :| /:) =)) O:-) :-B =; :-c :)] ~X( :-h :-t 8-7 I-) 8-| L-) :-a :-$ [-( :O) 8-} 2:-P (:| =P~ :-? #-o =D7 :-SS @-) :^o :-w 7:P 2):) X_X :!! \m/ :-q :-bd ^#(^ :ar!

Post a Comment