Tutorial Membuat Floating Animation (animasi

Ini adalah tutorial untuk membuat sebuah floating animasi (animasi terapung) di blogger, kalo ga tahu juga.. itu tuh yang anda semua lihat ada kucing (felix the cat) lagi jalan mondar-mandir, itu maksud saya.. kita akan bahas bagaimana caranya buat seperti itu.....

Nah....Kalo dah tahu dan pingin mencobanya mari ikuti trik berikut ini:

1. Login ke blogger trus klik "Layout -->> Edit HTML
2. Cari kode ini ]]> kalo dah ketemu taru kode berikut ini di atasnya.


#trik_pojok {
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); }



3. Text yang dicetak tebal adalah posisinya, kalo pingin ganti di posisi pojok kanan bawah tinggal text "left" diganti dengan "right". Begitu juga tulisan "buttom", jika pingin di posisi atas bisa diganti dengan "top".
4. Langkah selanjutnya yaitu letekkan script berikut ini sebelum kode

"http://setiawan86.blogspot.com" adalah link. ganti dengan link kamu.
"http://www.geocities.com/kecapunk/felix.gif" adalah lokasi gambarmu. ganti dengan lokasi gambar kamu.

5. Jika kamu pingin yang ada disitu bukan gambar tetapi jam/kalender/hit counter/widget-widget yg lain, maka ganti text yang berwarna merah dengan script widget-widget tersebut.
6. Simpan hasil kerja Anda dan lihat hasilnya.

Naah.... Kalo udah selesai saya ucapkan SELAMAT deh !!!...


Previous
Next Post »

EmoticonEmoticon

:)
:(
=(
^_^
:D
=D
=)D
|o|
@@,
;)
:-bd
:-d
:p
:ng

POSTING ABIE YANG BERHUBUNGAN >>