Membuat Efek Falling Bird (Burung Jatuh) di Blog

Membuat Efek Falling Bird (Burung Jatuh) di Blog - Pada kesempatan kali ini saya akan share sebuah tutorial tentang cara membuat efek falling bird (burung jatuh) di blog. Efek ini akan menampilkan kesan seolah-olah ada burung (gambar/animasi) yang akan muncul dari sebelah atas kiri blog dan akan jatuh ke bawah. Efek ini memang terlihat biasa saja karena hanya memanfaatkan efek marquee yang di ulang-ulang, namun tetap bisa menarik perhatian para pengunjung blog kita.


Bagi anda yang berminat untuk membuat efek falling bird (burung jatuh) di blog, silahkan bisa anda ikuti tutorial tentang cara membuat efek falling bird (burung jatuh) di blog di bawah ini!

1. Login ke blogger.com menggunakan akun anda.
2. Masuk ke halaman "Tata Letak".

3. Klik "Tambah Gadget".

4. Kemudian pilih "HTML/JavaScript".

5. Lalu masukkan script kode berikut ini :

<br /><br /><marquee behavior="scroll" direction="down"

style="position: absolute; right: 1100px; top: 52px; width: 100px;

height: 900px;" scrollamount="14"><br /><img

src="http://i1002.photobucket.com/albums/af149/Imtikhan/animasi/burung.gif" width="100" height="100"


/><br /></marquee><br /><br /><marquee

behavior="scroll" direction="down" style="position: absolute; left:

358px; top: 2px; width: 60px; height: 450px;"

scrollamount="5"><br /><img

src="http://i1002.photobucket.com/albums/af149/Imtikhan/animasi/burung.gif" width="50" height="50"


/><br /></marquee><br /><br /><marquee

behavior="scroll" direction="down" style="position: absolute; right:

441px; top: 55px; width: 60px; height: 250px;"

scrollamount="9"><br /><img

src="http://i1002.photobucket.com/albums/af149/Imtikhan/animasi/burung.gif" width="50" height="50"


/><br /></marquee><br /><br /><marquee

behavior="scroll" direction="down" style="position: absolute; right:

498px; top: 53px; width: 60px; height: 380px;"

scrollamount="6"><br /><img

src="http://i1002.photobucket.com/albums/af149/Imtikhan/animasi/burung.gif" /><br /></marquee><br /><br /><marquee

behavior="scroll" direction="down" style="position: absolute; right:

800px; top: 51px; width: 60px; height: 350px;"

scrollamount="7"><br /><img

src="http://i1002.photobucket.com/albums/af149/Imtikhan/animasi/burung.gif" /><br /></marquee><br /><br /><marquee

behavior="scroll" direction="down" style="position: absolute; right:

390px; top: 55px; width: 60px; height: 450px;"

scrollamount="5"><br /><img

src="http://i1002.photobucket.com/albums/af149/Imtikhan/animasi/burung.gif" /><br /></marquee><br /><br /><marquee

behavior="scroll" direction="down" style="position: absolute; right:

749px; top: 54px; width: 60px; height: 250px;"

scrollamount="5"><br /><img

src="http://i1002.photobucket.com/albums/af149/Imtikhan/animasi/burung.gif" /><br /></marquee><br /><br /><marquee

behavior="scroll" direction="down" style="position: absolute; right:

325px; top: 52px; width: 60px; height: 300px;"

scrollamount="10"><br /><img

src="http://i1002.photobucket.com/albums/af149/Imtikhan/animasi/burung.gif" /><br /></marquee><br /><br /><marquee

behavior="scroll" direction="down" style="position: absolute; right:

600px; top: 49px; width: 60px; height: 350px;"

scrollamount="8"><br /><img

src="http://i1002.photobucket.com/albums/af149/Imtikhan/animasi/burung.gif" /><br /></marquee><br /><br /><marquee

behavior="scroll" direction="down" style="position: absolute; right:

873px; top: 52px; width: 60px; height: 400px;"

scrollamount="3"><br /><img

src="http://i1002.photobucket.com/albums/af149/Imtikhan/animasi/burung.gif" /><br /></marquee><br /><br /><marquee

behavior="scroll" direction="down" style="position: absolute; right:

50px; top: 55px; width: 60px; height: 700px;"

scrollamount="12"><br /><img

src="http://i1002.photobucket.com/albums/af149/Imtikhan/animasi/burung.gif" /><br /></marquee><br />

6. Kemudian klik save/simpan, dan lihat hasilnya...

Note :
Untuk penyesuaian, anda bisa mengganti tulisan yang saya beri warna hijau dengan alamat url gambar/animasi burung yang akan di tampilkan sebagai efek falling bird (burung jatuh) di blog. 

Selamat mencoba dan semoga postingan tentang cara membuat efek falling bird (burung jatuh) di blog ini bermanfaat bagi anda. Saya akhiri cukup sekian, selebihnya saya mohon ma'af atas segala kekurangan yang ada