gadget --> contoh simpel tambah animasi,musik, gambar gerak,cursor.

1. Membuat Efek Hujan Love Di Blog

Cara Membuat Efek Hujan Love Di Blog.
1.Login ke akun blogger sobat
2.Klik menu Template/Rancangan
3.Klik Edit HTML
4.Kemudian cari kode </body>
agar lebih mudah mencarinya,gunakan CTRL+F
5.Setelah ketemu,masukan kode di bawah ini tepat di atas kode </body?
<script src='http://andreykusanagi.googlecode.com/files/lovingheart.js'>
</script>

2, Untuk mengubah tampilan kursor menjadi icon gambar,

caranya sangat mudah. Berikut langkah-langkahnya:
1. Login ke Blogger. Masuk ke menu Design->Edit HTML
2. Cari kode </head>
3. Letakkan kode css berikut diatasnya
<style type="text/css">
HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/thumbnails/cool1.gif"), auto;}
</style>
4. Setelah itu, simpan template anda. Selesai
Jika anda tidak memiliki icon kursor, coba kunjungi http://www.totallyfreecursors.com. Situs tersebut menyediakan ratusan hingga ribuan icon kursor menarik yang bisa anda pilih sesuai selera.

3. Menambahkan Gadget Musik pada Sidebar Blog

Caranya adalah sebagai berikut:

ñ Pilih menu Layout ->> Add a Gadget ->> pilih gadget type HTML/Javascript

ñ Masukkan script di bawah ini ke dalam kotak Content Gadget

<embed type="application/x-shockwave-flash" flashvars="audioUrl=https://sites.google.com/site/sitesuppblog/music/pop_andra__the_backbone__sempurna.mp3" src="http://www.google.com/reader/ui/3523697345-audio-player.swf" width="300" height="27" quality="best" wmode="transparent"></embed>

ñ Ganti URL Musik (warna biru) dengan URL musik favorit Anda

ñ Simpan Gadget dengan menekan tombol Save dan periksa blog Anda

4. membuat Foto dan Gambar Bergerak di Blog atau Cara buat foto atau gambar berjalan di blog sebagai berikut ini :

1. Silahkan sobat >> "masuk/login" ke Blog sobat.
2. Setelah itu sobat klik >> "Elemen Laman".
3. Lalu sobat klik >> "Tambah Gadget".
4. Setelah itu sobat cari >> "HTML/Javascript".
5. Lalu silahkan sobat masuk kan "Kode Script" di bawah ini :

<div id="DADrun" style="bottom: 0px; left: 0px; position: fixed; right: 0px;"><marquee behavior="left" scrollamount="9"><script type="text/javascript" language="javascript" src="http://dickelodeon.googlecode.com/files/DADabrbleach.txt" name="DADrun"></script></marquee></div>