Animasi Lucu n Bergoyang

Pada posting kali ini Tip's n Trik akan menerangkan tentang "Cara Membuat Gambar Animasi "Bergoyang" di Blog". Untuk membuat/menambahkan gambar di blog memang sangat mudah, tapi untuk bisa menampilkan gambar animasi yang bisa bergerak(animasi) bisa dibilang tak mudah juga. Karena membutuhkan sebuah kode HTML yang bisa membuat gambar tersebut bisa bergerak.

Gambar animasi yang akan diterangkan dalam Tip's n Trik kali ini adalah gambar animasi yang bisa bergoyang.Memang gambar animasi ini tidaklah terlalu penting untuk dipasang pada sebuah blog.Gambar animasi ini hanya untuk sebuah hiasan di blog atau dalam hal ini hanyalah untuk mempercantik tampilan sebuah blog.Dan jika sobat blogger tertarik dengan gambar animasi "Bergoyang" ini silahkan lihat beberapa contoh gambar animasi serta kode HTML nya di bawah ini :


Gambar 1:

<a href="http://www.widgia.com/" target="_blank">
<img src="http://widgia.com/wp-content/uploads/2009/10/dancing-icon-005.gif" border="0" alt="picture widgets"></a>

Gambar 2:

<center><a href="http://www.widgia.com/" target="_blank"><img src="http://widgia.com/wp-content/uploads/2009/10/dancing-icon-020.gif" border="0" alt="picture widgets"></a></center>

Gambar 3:

<a href="http://www.widgia.com/" target="_blank"><img src="http://widgia.com/wp-content/uploads/2009/10/dancing-icon-010.gif" border="0" alt="picture widgets"></a>

Gambar 4:

<center><a href="http://www.widgia.com/" target="_blank">
<img src="http://widgia.com/wp-content/uploads/2009/10/dancing-icon-002.gif" border="0" alt="picture widgets"></a></center>

Gambar 5:

<a href="http://www.widgia.com/" target="_blank"><img src="http://widgia.com/wp-content/uploads/2009/10/dancing-icon-018.gif" border="0" alt="picture widgets"></a>

Gambar 6:

<center><a href="http://www.widgia.com/" target="_blank">
<img src="http://widgia.com/wp-content/uploads/2009/10/dancing-icon-005.gif" border="0" alt="picture widgets"></a></center>

Gambar 7:

<center><a href="http://www.widgia.com/" target="_blank"><img src="http://widgia.com/wp-content/uploads/2009/10/dancing-icon-015.gif" border="0" alt="picture widgets"></a></center>

Gambar 8:

<center><a href="http://www.widgia.com/" target="_blank"><img src="http://widgia.com/wp-content/uploads/2009/10/dancing-icon-011.gif" border="0" alt="picture widgets"></a></center>

Gambar 9:

<center><a href="http://www.widgia.com/" target="_blank"><img src="http://widgia.com/wp-content/uploads/2009/10/dancing-icon-013.gif" border="0" alt="picture widgets"></a></center>

Gambar 10:

<a href="http://www.widgia.com/" target="_blank">
<img src="http://widgia.com/wp-content/uploads/2009/10/dancing-icon-003.gif" border="0" alt="picture widgets"></a>

Berikut ini cara memasangnya di Blog :

1. Login ke Blogger
2. Klik Tata Letak
3. Klik Tambah Gadget
4. Pilih opsi HTML/Java Script
5. Klik Simpan