Friday, November 28, 2008

Menambah Animasi Tampilan Blogger

Posted by dav On 12:04 AM
Artikel kali ini bener-bener bingung membuat judulnya, tapi yang jelas para pengunjung bisa melihat animasi bendera Merah Putih pada blog ini, entah sebelah mana ya? dan entah apa disebutnya. Tips ini termasuk sederhana dalam penerapan pada template blogger. Mau coba manambah animasi pada tampilan blogger kita? silahkan ikuti langkah berikut ini.

Langkah Menambah Animasi Tampilan Blogger

Langkah 1
Login ke Blogger
Langkah 2
Masuk ke bagian "Tata Letak - Edit HTML"
Langkah 3
Cari kode dibawah ini :
]]></b:skin>
Langkah 4
Masukan kode dibawah ini tepat diatas Langkah 3 :
#animasi_gambar {
position:fixed;_position:absolute;top:0px; left:0px;
clip:inherit;
_top:expressionundefineddocument.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expressionundefineddocument.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }
Langkah 5
Cari lagi kode dibawah ini yang paling bawah dari template :
</body>
Langkah 6
Masukan kode dibawah ini tepat dibawahnya :
<div id='animasi_gambar'>
<a href='http://modification-blog.blogspot.com'>
<img border='0' src='http://URL.com/gambar_animasi.gif'/></a>
</div>
Langkah 7
Klik "SIMPAN TEMPLATE"

Perhatian!
  • Ubah URL pada Langkah 6 (baris 2) sesuai dengan alamat blog kita
  • Gantilah animasi pada Langkah 6 (baris 3) sesuai dimana URL tempat kita menyimpan animasi
  • Animasi harus berformat GIF
  • Background Animasi GIF harus transparant
  • Ubah kode pada pada Langkah 4 (berwarna biru) untuk menempatkan posisi gambar, top=atas, bottom=bawah, left=kiri, right=kanan