Membuat Resize Window Animation

Bingungkan? Habis susah sih cari kata yang tepat buat judulnya. Kira-kira penjelasannya seperti ini. Mungkin kalian pernah berkunjung pada suatu blog dimana tampilan awalnya membuat window browser kamu tiba-tiba mengecil dan berputar mengelilingi setiap sudut layar monitor kemudian perlahan-lahan window browser kamu kembali ke ukuran normalnya (resize). Pada saat itu halaman blog yang kalian kunjungi tampak oleh kalian. Nah itulah yang saya sebut Resize Window Animation. Bagaimana membuat tampilan animasi resize window tersebut?

Untuk membuat resize window animation, yang kalian butuhkan adalah kode javascript di bawah ini.

Kode Resize Window Animation

<script type='text/javascript'>
//<![CDATA[

scrW=screen.availWidth
scrH=screen.availHeight
window.resizeTo(10,10)
window.focus()
for(a=0;a<80;a++){
window.moveTo(0,0)
window.resizeTo(0,scrH*a/80)
}
window.resizeTo(0,0)
for(b=0;b<80;b++){
window.moveTo(0,scrH/1)
window.resizeTo(scrW*b/80,0)
}
for(c=0;c<80;c++){
window.moveTo(scrW/1,scrH/1)
window.resizeTo(0,scrH*c/80)
}
for(d=0;d<80;d++){
window.moveTo(scrW/1,0)
window.resizeTo(scrW*d/80,0)
}
for(e=0;e<80;e++){
window.resizeTo(scrW*e/80,scrH*e/80)
}
window.moveTo(0,0)
window.resizeTo(scrW,scrH)

//]]>
</script>

Silahkan kalian copy (Ctrl-C) kode resize window animation tersebut dan letakkan tepat dibawah kode ]]></b:skin> pada bagian "Edit HTML" template blog kalian. Nah bagi kamu yang masih bingung tempat kode ]]></b:skin> tersebut, langkahnya seperti ini :

Login » Tata Letak » Edit HTML

Untuk memudahkan pencarian, gunakan Ctrl-F pada keyboard kalian. Kalau sudah kalian letakkan kode resize window animation tepat dibawah kode ]]></b:skin> tersebut, langkah selanjutnya simpan template dan lihat blog kalian. Nah bagaimana teman? kalau berhasil tentunya kalian sudah mengerti apa yang saya maksud dengan resize window animation tersebut. Selamat ya !!!