Cari Artikel Blog Ini

Total Tayangan Laman

MEMBUAT IMAGE GIF LEBIH HIDUP



Coba anda perhatikan image gift diatas , selain bergerak sesuai dengan jenis filenya (gif), image tersebut juga dapat bergerak sesuai dengan pengaturan yang kita inginkan.
Pengaturan image diatas menggunakan kode marquee yang sebenarnya telah dibahas pada tips sebelumnya yaitu "CARA MEMBUAT TEXT/IMAGE BERJALAN" hanya saja perlu mengadakan beberapa perubahan pada kode tertentu.
Sebagai contoh kode untuk menampilkan image seperti diatas tadi coba anda perhatikan kode dibawah ini : (Perhatikan yang berwarna merah)

<marquee behavior="alternate" direction="up" style="position: absolute; right: 740px; top: 50px; width: 120px; height: 455px;" scrollamount="1">
<img width="40" src="http://i708.photobucket.com/albums/ww86/andiskapati/56.gif" height="40"/>
</marquee>


Keterangan :
  1. behavior="alternate" : merupakan bentuk pergerakkan image. Anda dapat mengganti dengan kata slide atau scrool
  2. direction="up" : merupakan kode untuk arah pergerakan. Anda dapat mengganti dengan kata : down , right atau left.
  3. style="position: absolute; right: 740px; top: 50px; width: 120px; height: 455px;" merupakan kode untuk penempatan image :
    • right: 740px; merupakan jarak antara image dengan bagian pinggir kanan
    • top: 50px; : merupakan jarak dengan bagian pinggir atas
    • width: 120px; height: 455px; merupakan ukuran tempat pergerakan image
  4. scrollamount="1" merupakan kode kecepatan pergerakan image. Semakin besar angkanya akan semakin cepat gerakannya.
  5. http://i708.photobucket.com/albums/ww86/andiskapati/56.gif merupakan alamat image yang akan tampil. Gantilah alamat tersebut dengan alamat image yang ingin anda tampilkan
  6. img width="40"height="40" : merupakan kode untuk mengatur ukuran image yang tampil


Catatan : tips ini dapat anda tempatkan pada postingan maupun pada sidebar.

Silahkan anda pelajari terlebih dahulu, setelah memahami baru anda terapkan pada blog kesayangan anda.

Selamat mencoba, semoga bermanfaat...!!!
Kode yang digunakan EPG Studio yang tampil dibagian atas :

<marquee behavior="scrool" direction="left" style="position: absolute; left: 0px; top: 0px; width: 1300px; height: 175px;" scrollamount="5">
<img width="150" src="http://img716.imageshack.us/img716/260/77245845.gif" height="150"/>
</marquee>

Jika artikel ini bermanfaat..? Bagikan lewat :


BACA JUGA ARTIKEL DIBAWAH INI



Comments
9 Comments

9 komentar :

hamasale mengatakan...

infonya sangat bermanfaat...

freezipe mengatakan...

thankjs for info

Seti@wan Dirgant@Ra mengatakan...

mantap banget pak... dicoba dulu.
makasih banyak.

halocoy lifestyle mengatakan...

wah bgs tipsnya boleh dicoba nih, thanks n salam

Tubagus Arief Gunawan mengatakan...

om dah tak besarin mpe 500px kok tetap cuma setengah header ya om padahal saya juga pake template punya om ades bisa di lihat di blog saya urlnya : masarief-blog.blogspot.com

Ades mengatakan...

agar mudah coba arief copas code paling bawah, tinggal mengganti alamat image dengan image pilihan

Tubagus Arief Gunawan mengatakan...

om ade tampilan burung terbangnya kok kalau di pasang ganggu navigasi seperti tombol home dan lain sebagainya ya biar ga ganggu gimana om? kalau gif di pasang tombol hom dan navigasi lainnya ga mau berfungsi

Tanya Gratisan mengatakan...

wah kerennnie bikin hidup lebih hidup...:e:

ANONIMIZE UNKNIZE mengatakan...

http://pgri-online.blogspot.com/


sip gan trima kasih

Posting Komentar

Ceritakan keberhasilan/kegagalan anda setelah mencoba Tutorial Blogger pada kotak komentar. Kritik dan Saran juga boleh asal sifatnya membangun...!!!