a. Langkah – langkah membuat animasi “Jam” pada Blogger: 
Fungsi dari memasang jam mungkin untuk mengingatkan pengunjung, jam berapa saat mereka mengunjungi blog kita. Banyak situs yang menyediakan widget jam pada blog, salah satunya adalah clocklink.com yang akan kita bahas pada kesempatan ini.

Langsung saja simak langkah-langkah memasang jam pada blog berikut :

1. Kunjungi situs clocklink.com
2. Klik 'Gallery' dan pilih tampilan/kategori jam yang akan ditampilkan, contoh: klik 'Digital'.

3. Kemudian klik 'View HTML Tag' pada bawah yang Anda pilih.
4. Akan muncul halaman ketentuan-ketentuan dari clocklink, klik 'Accept'.

5. Selanjutnya kita diminta memilih warna (color), time zone untuk Waktu Indonesia Bagian Barat sebaiknya memilih (GMT + 07.00) serta jangan lupa ubah ukuran (size) jam agar sesuai dengan sidebar tempat meletakan jam itu nantinya.

6. Copy kode HTML dan simpan pada komputer Anda.

Setelah pembuatan jam selesai kini saatnya kita memasang jam tersebut pada blog.

1. Login akun blogger Anda.
2. Pilih Tata Letak ---> Tambah Gadget ---> HTML/JavaScript.
3. Copy paste kode HTML jam yang Anda buat tadi kedalam HTML/JavaScript.
4. Klik Simpan.

Nah, berikut hasil dari pembuatan kita tadi :






5. Jika ingin mengedit atau mangatur ulang klik obeng.

b. Langkah –langkah membuat animasi dalam Blogger (Bebas)
Membuat Animasi pada kursor :
 Cara untuk tampilan blogger lama :

1.Login ke blogger Sobat atau klik "Login Blogger"

 

2. Pilih "Rancangan"

3.Klik "Tambah Gadget Html/JavaScript"

4.Copy & paste kan kode html mouse yang diinginkan di bawah ini

5.Terakhir "Simpan"

Cara untuk tampilan blogger baru :

1. Login ke blogger sobat "Login Blogger"

2. Pilih "Tata Letak"

3. Kemudian Klik "Tambah Gadget" Dimana yang sobat inginkan.

4. lalu Pilih Menu "HTML/JavaScript"

4. Copy & paste kan "Kode HTML" mouse yang diinginkan di bawah ini

5. Terakhir "Simpan".

Spongebob :

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/toons/too-12/too1107.cur), progress !important;}</style><a href="http://saifuljunioroffical.blogspot.com/p/animasi-cursor-di-blog.html" target="_blank" title="SpongeBob SquarePants"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="SpongeBob SquarePants" style="position:absolute; top: 0px; right: 0px;" /></a>