Membuat Efek Animasi Pada Blogger maupun Website

Efek Animasi

Seperti Postingan sebelumnya , efek - efek animasi seperti ini mempengaruhi loading blog maupun website anda maka sebaikkan jangan memberi efek pada blog atau website anda , tetapi jika anda tertarik dan pingin mempercantik blog atau website anda ini ada beberapa source codenya yang yang saya ambil dari situs www.netdisaster.com diantanranya:

Animasi Telur ceplok
<script language="javascript">
nd_mode="eggs";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_top";
</script>
<script language="javascript" src="http://www.netdisaster.com/js/mynd.js"></script>

Animasi Meteor
<script language="javascript">
nd_mode="meteor";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_top";
</script>
<script language="javascript" src="http://www.netdisaster.com/js/mynd.js"></script>


Animasi Aquarium
<script language="javascript">
nd_mode="flood";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_top";
</script>
<script language="javascript" src="http://www.netdisaster.com/js/mynd.js"></script>

Animasi Bunga
<script language="javascript">
nd_mode="flowers";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_top";
</script>
<script language="javascript" src="http://www.netdisaster.com/js/mynd.js"></script>

Animasi Bom
<script language="javascript">
nd_mode="bomb";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_top";
</script>
<script language="javascript" src="http://www.netdisaster.com/js/mynd.js"></script>

Animasi Ufo
<script language="javascript">
nd_mode="ufo";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_top";
</script>
<script language="javascript" src="http://www.netdisaster.com/js/mynd.js"></script>

Animasi Tomat
<script language="javascript">
nd_mode="tomato";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_top";
</script>
<script language="javascript" src="http://www.netdisaster.com/js/mynd.js"></script>

Sebenanya masih banyak lagi animasi lainnya silakan ambil sendiri di situs tersebut :

Cara Pasang Animasi pada Online :
Loging ke bloger dulu kemudian pilih layout Kemudian klick add gadget:

Kemudian pilih javascript

 Kemudian Akan Muncul Halaman Seperti ini :

Copy salah satu script animasi di atas pada content kemudian Klick Save dan lihat Hasilnya


Cara Pasang Animasi Offline :
Pertama download dulu mynd.js
caranya :
Copy dulu http://www.netdisaster.com/js/mynd.js kemudian paste pada brouser trus tekan enter

Kemudian copy semua  script tersebut dengan ctrl+A kemudian ctrl+C lalu paste pada notepat :

kemudian save difolder seumpamanya kita kasih nama folder tersebut JS dengan nama dan tipe file mynd.js

kalau sudah kita save kemudian kita panggil javascript tersebut pada website local kita caranya :

dengan script
<script src="js/mynd.js"></script> 
dan jangan lupa sertakan source code yang diatasnya tadi contohnya :

<script language="javascript">
nd_mode="ufo";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_top";
</script>
Taruh diata kode </head> 
Seperti gambar dibawah ini :
 

Kemudian Save dan coba hasilnya ...