Membuat Gambar Melayang Layang

Lihat bro di sekitar halaman blog ini,terdapat gambar lucu yang melayang layang.
Menjadikan Tampilan blog kita jadi lebih bagus tentu nya.Gimana bro anda tertarik mau mencoba membuatnya??
Dalam pembuatan nya tidak begitu sulit bro, berikut langkah2 nya::::>>>

1. Login dulu bro seperti biasa
2. Setelah masuk dasbor langsung pilih rancagan
3. Kemudian pilih edit Html:::>>>selenjutnya jangan lupa centang kotak expad widget
4. Cari kode ini bro </head> ,Biar cepat tekan ( Ctrl+F )
5. Setelah ketemu kode nya copas kode js berikut dan letak kan di atasnya (</head> )

<script type="text/javascript" src="http://diemazfreak.googlecode.com/files/Flyimage.js"> </script>

<script type="text/javascript">

/***********************************************

* Fly image script- By Virtual_Max (http://www.geocities.com/siliconvalley/lakes/8620)

***********************************************/

//Step 1: Define unique variable names depending on number of flying images (ie:3):

var flyimage1, flyimage2, flyimage3

function pagestart(){

//Step 2: Using the same variable names as 1), add or delete more of the below lines (60=width, height=80 of image):

 flyimage1=new Chip("flyimage1",47,68);

 flyimage2=new Chip("flyimage2",47,68);

 flyimage3=new Chip("flyimage3",47,68);

//Step 3: Using the same variable names as 1), add or delete more of the below lines:

movechip("flyimage1");

movechip("flyimage2");

movechip("flyimage3");

}

if (window.addEventListener)

window.addEventListener("load", pagestart, false)

else if (window.attachEvent)

window.attachEvent("onload", pagestart)

else if (document.getElementById)

window.onload=pagestart

</script>

6. Belum selesai sampai disini bro masih ada lagi, cari kode </body>


7. Setelah ketemu letakin kode di bawah ini di atas nya(</body> )

<DIV ID="flyimage1" STYLE="position:absolute; left: -500px; width:47; height:68;">

<A HREF="http://frogstomps.blogspot.com"><IMG SRC="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4_H1wcW2lc3-89wdsrr57kCO3uNo-rwJNLt2qDyeU8WXlfbBzI6p0lt7WKGvWfCHXpbAsAcaMZT_P9zURllTC6VJdXE1Zehy7In7LX1epTyjigUNMzFm55aV02mYi02Klr0tE8usduIk/s1600/vampire.gif" BORDER=0></a>

</DIV>

<DIV ID="flyimage2" STYLE="position:absolute; left: -500px; width:47; height:68;">

<A HREF="http://frogstomps.blogspot.com"><IMG SRC="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLAUnJc-BCTa3tL_A13dfIjFUjfNGWmbN1b9KefdOTK1rkVm-2NNgFOkt-Mmwoi0jfTL22owgmHBaH93bwR9VabYAa6AnuJ2N_RZEJEND1AWUPy8c_WzpaolD4n-TTcWG3I700xT9RPEc/s1600/ngamuk.gif" BORDER=0></a>

</DIV>

<DIV ID="flyimage3" STYLE="position:absolute; left: -500px; width:47; height:68;">

<A HREF="http://frogstomps.blogspot.com"><IMG SRC="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGAHN7G8_2uVR3Y19HZbEjfAlKjAf-hPq8pHLMrVUeQArHJpWAUMJyUuMu5SkmX-ga_zuR-BPSxiQHw0TA5CL8kPCFoc6_6ZC2Nm0TXODgSpoMpnV-gUXQDfv3_fLCDWzVzPHJ-VutUZI/s1600/merokok.gif" BORDER=0></a>

</DIV>

8. Setelah semua beres, coba klik pratinjau dahulu.
9. Image terlihat melayang2 gak bro?Nah setelah berhasil tinggal save.
Nb: Url gambar bisa anda ganti sendiri bro
Semoga jelas dan selamat mencoba bro.....
Thanks



Credit : Virtual_max