Animasi Kupu-kupu Terbang

Membuat kesan yang unik dan menarik merupakan salah satu strategi untuk mendongkrak popularitas blog. Salah satu cara untuk membuat kesan yang unik dan menarik adalah dengan memasang efek kupu-kupu yang sedang terbang di blog. Efek kupu-kupu ini menggunakan javascript flying image yang menggunakan gambar animasi gif kupu-kupu. Contoh hasil dari efek kupu-kupu ini bisa dilihat pada postingan artikel ini, coba perhatikan tampilan blog. Pada tampilan blog terdapat kupu-kupu yang seolah-olah sedang terbang di tampilan blog. Efek kupu-kupu ini bisa di nonaktifkan dengan cara meng-klik kupu-kupu tersebut.

Penting !!! ada baiknya sobat blogger mem-backup terlebih dahulu template blog sobat untuk menghindari hal-hal yang tidak diinginkan dalam menerapkan widget ini.

Cara Pemasangan :

Klik "More Options" selector box kemudian klik "Tata Letak" setelah itu pilih "Add Widget" dan pilih "HTML / Javascript", seperti gambar di bawah ini.

Copy-paste kode di bawah ini dan taruh di kotak gadget blog. Silakan sesuaikan beberapa parameter kode tersebut agar sesuai dengan tema blog sobat.
```
<script>
var floatimages=new Array();
floatimages[0]='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQtodAc17JTLa7ndXRXp5bfuwMSqZdd53TQ2rWJyqnBmhrx19VBgs1_VnMEQrfFsjwrEf8cMgHObvmKl6tGzFBBr8rzsGrxE1nbPh67oT5fKkhPTLUklLSQgBmV6puSTY7XaERnWStuDOK/s1600/Kupu-kupu1.gif';
floatimages[1]='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyAri7sU9BQ5tPmXY93chLB3o5nZW7MQPq0HhkIeYNRjZblCx50CCv8a_w_sN5z50AiS3H0iFa64h8ed_Otgyc4I0lEDMGPhg1pcaKEU41LdePvTwAGqcLkUK1kZRzpzewYqXV_SHDmy7b/s1600/Kupu-kupu2.gif';
</script>
<script src="http://sites.google.com/site/monosbit/monosbit_KupuKupu.js"></script>
```
KETERANGAN :
- floatimages[0]='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQtodAc17JTLa7ndXRXp5bfuwMSqZdd53TQ2rWJyqnBmhrx19VBgs1_VnMEQrfFsjwrEf8cMgHObvmKl6tGzFBBr8rzsGrxE1nbPh67oT5fKkhPTLUklLSQgBmV6puSTY7XaERnWStuDOK/s1600/Kupu-kupu1.gif'; // Gambar kupu-kupu 1
- floatimages[1]='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyAri7sU9BQ5tPmXY93chLB3o5nZW7MQPq0HhkIeYNRjZblCx50CCv8a_w_sN5z50AiS3H0iFa64h8ed_Otgyc4I0lEDMGPhg1pcaKEU41LdePvTwAGqcLkUK1kZRzpzewYqXV_SHDmy7b/s1600/Kupu-kupu2.gif'; // Gambar kupu-kupu 2
- Apabila mau ditambahkan gambar kupu-kupunya cukup menambahkan baris kode floatimages[no urut]='link URL gambar';