Kumpulan Widget Animasi javascript Keren Untuk Blog

Cara Memasang Widget Animasi Yang Lucu dan Keren di Blog -

Banyak hal yang dapat membuat sebuah blog dikatakan menarik, selain dari isi content atau postingan , ternyata ada hal - hal lain yang bisa membuat si blog terlihat lebih menarik dan tentunya banyak pengunjungnya. Nah selain postingan, disain dan animasi / pernak - pernik blog ternyata dapat meningkatkan performa dari suatu blog.. ga percaya ? cobalah anda berkunjung kesuatu blog yang disainnya polos hanya berisikan artikel saja kemudian bandingkan dengan blog yang berisi postingan menarik dengan disain yang menarik pula . Pasti kita akan lebih betah berlama-lama di blog yang berisi artikel menarik dan disain / animasi yang menarik itu bukan ? tentunya. Dan, memberikan efek animasi di blog itu ga sulit kok, dan pilihan animasinya pun beragam bergantung selera. . nah dibawah ini ada beberapa contoh widget animasinya. Kalo udah cocok, berikut langkahnya :

 Cara Memasang Widget Animasi Di Blog

1.Copy script yang ingin anda munculkan animasinya

2.Login ke Blog

3.Pilih Rancangan

4.Tambah gedget

5.Pilih edit html atau script,

6.Pastekan script tadi

7.Lalu save.. “pasti akan langsung  muncul animasi yang anda pilih tadi” 

selamat mencoba..

1.helicopter

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:130px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020389.gif" title="widget animasi lucu bergerak atau gif"  alt="animasi bergerak naruto dan onepiece"/></a><small><center><a href="http://permathic.blogspot.com/2012/04/kumpulan-widget-animasi-yang-lucu-dan.html" target="_blank" title="Cara Memasang Widget Animasi">My Widget</a></center></small></div>

2. Ekspresi muka

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/742/th/74214.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/04/kumpulan-widget-animasi-yang-lucu-dan.html" target="_blank" title="Cara Memasang Widget Animasi">Ekspresi</a></center></small></div>

 

3. Kodok mata gede

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/466/th/46606.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/04/kumpulan-widget-animasi-yang-lucu-dan.html" target="_blank" title="Cara Memasang Widget Animasi">My Widget</a></center></small></div>

Coleksi animasi lucu JavaScript Untuk Blog

Cara Memasang Animasi Bergerak  Yang Lucu dan Keren Untuk Blog -

Ternyata banyak sekali blogger – blogger yang sangat menyukai animasi bergerak pada blognya.  Bisa terlihat ketika saya berkunjung ke beberapa blog teman. Dari animasi yang simple dengan ukuran mini sampai yang ribet dengan ukuran jumbo banyak terpasang di blog mereka. Ya itu juga karena selera masing2 orang berbeda. Memang animasi pada blog sangat membantu blog agar terlihat menarik. Jadi blog akan terlihat hidup dan tidak membosankan. Sebelumnya saya pernah juga memposting tentang animasi bergerak, tapi saya rasa pada postingan sebelumnya pilihan animasi terlalu sedikit. Sehingga saya memposting kembali mengenai animasi bergerak lagi, namun dengan pilihan yang beragam dan banyak tipe agar bagi anda yang ingin memasang animasi jadi lebih banyak referensi dan pilihan.  Berikut daftar dan cara memasangnya

Cara Memasang Widget Animasi Bergerak Di Blog

• Login ke dasbor blog anda
• Pilih rancangan
• Pilih Tambah Gadget
• Pilih Html/Java Script
• Lalu copy kode Html animasi yang anda ingin pasang di blog. Kodenya ada di bawah, anda bisa memilih sesuai keinginan anda.
• Pastekan kode tadi di Html/java script tadi.
• Simpan, dan selesai

Daftar Kode Html Animasi Bergerak

1.Spongebob

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/1028/th/102882.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">My Widget</a></center></small></div>

Cara Memasang Widget Animasi Hamster Bergerak di Blogger - Blogspot

in Botol - Halo sobat blogger Indonesia. Sudah hampir 2/3 hari blog ini tidak ada artikel terbaru nih, daripada sepi kaya kuburan mending saya kasih aja tutorial cara memasang/menambah widget animasi hamster mengikuti arah mouse. Sebenarnya gimana sih kegunaannya? Simpel saja, kegunaan dari satu widget ini adalah sebagai sarana penghilang GALAU aja buat visitor di blogmu. Kan tidak semua visitor/pengunjung di blog itu sedang senang atau happy ketika membuka blog kamu? Ya nggak?.

untuk anda yang memang suka dengan animasi mengikuti arah mouse ini sebenarnya anda dapat langsung memasang widget ini pada blog anda, dan pada kesempatan kali ini Jin Botol's Blog akan menjelaskan kepada anda cara memasang animasi mengikuti mouse tersebut khusus di blogger. Animasi-animasi beregerak mengikuti mouse ini memanglah sangat cocok untuk anda yang gemar menghias blog dengan berbagai atribut. Apa lagi yang satu ini, pasti beda dari yang lain.

Daripada ngebacot mulu mending langsung aja yukk kita masuk kepada pokok pikiran yaitu cara memasangnya di blogger:

• Masuk ke akun bloggermu.
• Klik 'Opsi Lainnya' atau 'More Options'
• Pilih 'Tata Letak' atau 'Layout'
• Kemudian klik lagi yaitu di 'tambah gadget' atau 'a gadget'
•  Pilih widget HTML/JavaScript
• Masukkan kode berikut

Cara membuat menu navigasi horizontal dropdown keren di blog

Hai sobat blogger ! sudah lama tak berjumpa ya, hampir 1 bulan saya tidak mengupdate isi postingan di blog ini, hampir sebulan itu saya mendapat kendala besar yang membuat saya jarang update. Saya memohon maaf untuk hal itu. Oke , kali ini saya akan berbagi ilmu tutorial blogging yang cukup keren sobat . Sesuai judulnya, kali ini saya akan membuat menu navigasi yang pernah saya pakai di blog ini atau bisa lihat sendiri pada gambar yang saya pasang diatas. Menu navigasi ini telah saya modifikasi sedemikian rupa sehingga menjadikannya keren dan elegan.. Bagaimana ? tertarik untuk membuatnya ? langsung saja kalau begitu kita simak dan bahas tutorialnya bersama-sama.

1.) Baca Basmallah
2.) Masuk ke akun blogger sobat
3.) Masuk ke Dashboard > Template > Edit Html > Lanjutkan
4.) Centang tanda Expand Template Widget
5.) Lalu cari kode ]]></b:skin>
6.) Jika sudah ketemu, masukkan kode dibawah ini tepat diatas kode ]]></b:skin>