Jumat, 24 Februari 2012

Membuat Animasi Halaman Blog


Pasti ingin dong blog kamu lebih atraktif. Buat aja gambar animasi yang bisa bergerak di halaman blog kamu.
Kamu bisa meletakkannya di pojok kiri atas, kiri bawah, kanan atas ataupun kanan bawah

Mau tau cara buatnya..?
Ikuti langkah-langkah berikut ini.

Langkah I:

1. Login ke Account Blogger-mu
2. Klik 
Layout / Tata Letak
3. Klik 
Edit HTML
4. Klik kotak kecil 
Expand Template Widget di pojok atas
5. Cari kode 
]]></b:skin>
6. Persis sebelum kode 
]]></b:skin> copykan script dibawah ini:
#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); }


Keterangan:
Text warna merah adalah lokasi animasi. Kamu bisa ganti sesukamu.
kiri=left
kanan=right
atas=top
bawah=bottom


Langkah II:

1. Cari lagi di dalam template-mu kode 
</body>
2. Persis sebelum kode 
</body> copykan script dibawah ini:
<div id="trik_pojok">
<a href="
http://fanttupa.blogspot.com/">
<img src="http://i425.photobucket.com/albums/pp332/cookie_muncher123/4.gif/" border="0" /></a>
</div>


Keterangan:
Ganti http://fanttupa.blogspot.com/ dengan alamat blog anda.
Ganti http://i425.photobucket.com/albums/pp332/cookie_muncher123/4.gif dengan animasi pilihanmu.

Beberapa 
alternatif animasi :

http://i425.photobucket.com/albums/pp332/cookie_muncher123/1058411jpporq3dbb.gif
http://i425.photobucket.com/albums/pp332/cookie_muncher123/3.gif
http://i425.photobucket.com/albums/pp332/cookie_muncher123/cat.gif
http://i425.photobucket.com/albums/pp332/cookie_muncher123/oxnard.gif

0 komentar:

Posting Komentar

Delete this element to display blogger navbar