Sunday, 21 June 2009

Cara Buat Animasi Melayang

Menjawab pertanyaan temenku Hendri yang pingin gambar animasi (bocah imut di pojok bawah blog) atau istilah yang sering dipakai oleh para blogger mania dengan gambar melayang. Gambar melayang.....??? gimana masangnya. Simpel koq caranya ikuti saja langkah - langkah berikut ini;

1. Login Acount blogger anda;
2. Masuk pada Pengaturan ;
3. Pilih Tata letak ;
4. Edit html ;
5. Kemudian copy code dibawah ini dan paste di atas kode ]]> < /b:skin > ;

#melayang {
position:fixed;_position:absolute;bottom:0px; left:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }

Kode yang tercetak merah ( bottom dan left ) menunjukan letak gambar. Letak gambar dapat di ubah dengan mengganti kode tersebut (left=kiri, bottom=bawah, right=kanan, top=atas) sesuai dengan keinginan anda.

6.
Berikutnya cari lagi di dalam template anda kode < /body >,
Kemudian copy code berikut ini dan letakkan diatas kode tersebut.

<div id='melayang'>
<a href='http://tovarossi.blogspot.com'> <img src='http://i478.photobucket.com/albums/rr146/tovarossi/Dancingbaby.gif'/></a>
</div>

atau pilih code animasi berikut;

<div id='melayang'>
<a href='http://tovarossi.blogspot.com'> <img src='http://i478.photobucket.com/albums/rr146/tovarossi/bird_ann.gif'/></a>
</div>

Kode yang berwarna merah diganti dengan url blog anda dan kode yang berwarna hijau diganti dengan url tempat gambar anda disimpan.

7. Simpan

Selesai dah....!!!
Untuk melihat contohnya anda dapat lihat pada blog saya.

12 comments:

  1. kk mengapa judul blog gw gak bergerak juga?

    nih blog gw:http://nederlanderz.blogspot.com/

    ReplyDelete
  2. thank's ya boz ataz scripnya...!!!

    ReplyDelete
  3. http://ilmublogcenter2.blogspot.com/

    ReplyDelete
  4. matur thank you......
    wlo baru satu7 hari ini aku baru daftar blog
    tapi gak pa pa lah..
    namanya belajar..butuh kesaabaran
    tapi sudah agak mendingan nie..
    makasih atas tutorialnya ^_^

    ReplyDelete
  5. ada yang lebih mantep ga........N thanks

    ReplyDelete
  6. tegkiu boss.. baru blajar ngeblog nih..

    ReplyDelete
  7. kode warna merah kode yang berwarna hijau adanya dimana bos

    ReplyDelete