Kumpulan Widget Animasi Keren dan Lucu untuk Mempercantik Blog Anda

Sebagai seorang blogger, tentu kamu ingin tampilan blog selalu terlihat segar dan menarik agar pengunjung betah berlama-lama. Salah satu cara yang cukup efektif untuk mempercantik tampilan blog adalah dengan menambahkan widget animasi yang lucu dan interaktif.

Namun, perlu diingat bahwa tampilan yang menarik harus tetap diimbangi dengan kualitas konten yang informatif. Konten yang bagus akan membuat pengunjung tertarik untuk membaca artikel lain di blog kamu. Jadi, seimbangkan antara tampilan dan isi agar blog kamu terlihat profesional sekaligus nyaman dikunjungi.

Nah, pada artikel ini saya sudah mengumpulkan berbagai widget animasi keren dan lucu yang bisa kamu pasang di blog dengan mudah. Yuk, langsung cek daftarnya di bawah ini!

Daftar Widget Animasi Keren dan Lucu

Awan Petir

<a href="https://www.media903.com" style="bottom: 5px; display: scroll; left: 5px; position: fixed;" title="awan petir"><img src="http://i1242.photobucket.com/albums/gg532/faizkr8/Cloudelec.gif" /></a>

Emoticon

<a href="https://www.media903.com" style="bottom: 5px; display: scroll; left: 5px; position: fixed;" title="awan petir"><img src="https://s.myniceprofile.com/myspacepic/485/th/48554.gif" /></a>

Pikachu

<div style="position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;"><a href="https://www.media903.com" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203A0.gif" title="Pikachu"/></a>

Kucing Tidur

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:140px;"><a href="https://www.media903.com" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203C0.gif" title="cat"/></a>

Kucing Main Bola

<div style="position: fixed; bottom: 0px; right: 30px;width:160px;height:160px;"><a href="https://www.media903.com" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002032D.gif" border="0" /></a>

Beruang Biru

<div style="position: fixed; bottom: 0px; left: 20px;width:100px;height:100px;"><a href="https://www.media903.com" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/0002033D.gif" title="bear" /></a>

Bintang

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="https://www.media903.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/102/th/10221.gif" title="Bintang"  /></a>

Peri Kecil

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="https://www.media903.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/228/th/22801.gif" title="peri kecil" /></a>

Spiderman

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="https://www.media903.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/3/th/312.gif" title="spiderman" /></a>

Doraemon

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="https://www.media903.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/1031/th/103123.gif" title="doraemon" /></a>

Lumba-lumba

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:160px;"><a href="http://www.media903.com/" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203BA.gif" title="dolphin" /></a>

Katak Loncat

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="https://www.media903.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/466/th/46606.gif" title="katak"  /></a>

Monyet

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="https://www.media903.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/458/th/45845.gif" title="monyet" /></a>

Panda

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="https://www.media903.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/212/th/21215.gif" title="panda" /></a>

Gajah

<div style="position: fixed; bottom: 0px; left: 20px;width:120px;height:160px;"><a href="https://www.media903.com" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203BC.gif" title="gajah" /></a>

SpongeBob

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.co.id/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/1028/th/102882.gif" title="spongebob" /></a>

Cara Memasang Widget Animasi di Blog

1. Masuk ke Dashboard Blogger.
2. Pilih menu Tata Letak (Layout).
3. Klik Tambahkan Gadget di posisi yang kamu inginkan.
4. Pilih HTML/Javascript.
5. Salin dan tempel salah satu kode widget animasi di atas.
6. Simpan perubahan, lalu lihat hasilnya di blog kamu.

Catatan Penting

Gunakan widget animasi secukupnya saja agar blog tetap ringan dan tidak memperlambat proses loading. Terlalu banyak animasi dapat memengaruhi performa situs dan pengalaman pengguna.

Penutup

Itulah kumpulan widget animasi keren dan lucu untuk blog yang bisa kamu coba pasang agar tampilan blog makin hidup dan menarik. Jangan ragu untuk bereksperimen, tapi tetap utamakan kenyamanan pengunjung.

Jika ada pertanyaan, silakan tulis di kolom komentar. Jangan lupa juga baca artikel lainnya di blog ini untuk mendapatkan tips menarik seputar blogging dan desain blog.