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://tips-mempercantik-blog.blogspot.com/">
<img src="http://i425.photobucket.com/albums/pp332/cookie_muncher123/4.gif/" border="0" /></a>
</div>


Keterangan:
Ganti http://tips-mempercantik-blog.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

Related Posts



3 komentar:

  1. Nice Blog, mampir ke blog aku ya.. :D

    BalasHapus
  2. thamx abisss....
    tapi kok pasang gambar animasi kok aku blm bisa ya...
    padahal dah kuedit dg bener htmlnya..

    BalasHapus