Jumat, 26 Oktober 2012

cara pasang animasi yang mengikuti mouse pada blog

Cara pasang animasi yang mengkuti mouse pada blog, mungkin bagi sebagian blogger sudah pada tahu deh kayanya . atau mungkin belum tahu cara memasangnya .. sebenarnya mudah kok memasang animasi bergerak pada widget blog dan ketika mouse di arahkan ke animasi tersebut .. lalu animasi tersebut mengikuti gerak dari mouse tersebut .. gmnaa keren nggak ..coba lihat contohnya nih :

                                         
Catatan !!!
Coba anda arahkan mouse pada animasi atau bisa di sebut juga widget animasi tersebut ..!!
bagaimana . laba-laba nya ngikutin kan .. kalo engga ngikutin bererti ada yang salah dengan mata anda .. heheh.PISS .

   Basa-basi !!!
untuk anda yang memang suka dengan animasi mengikuti arah mouse tersebut sebenarnya anda dapat langsung memasangnya pada widget blog anda , pada kesempatan kali ini aldi akan menjelaskan kepada anda cara memasang animasi mengikuti mouse tersebut khusus di blogger ,.. namun tenang jika anda bukan pengguna blogger atau anda pengguna hosting blog lain seperti wordpress anda juga bisa kok memasang animasi beregerak mengikuti mouse tersebut . animasi-animasi beregerak mengikuti mouse tersebut memanglah sangat cocok untuk anda yang gemar menghias blog dengan berbagai atribut .. apa lagi yang satu ini beda kan !!! .. sebelumnya saya ingin katakan kepada anda bahwa animsi bergerak mengikuti arah mouse ini ada banyak modelnya juga . jadi bukan hanya laba-laba mengikuti arah mouse .ada juga animasi hamster yang bisa di beri umpan dan hamster tersebut akan mengikuti umpan tersebut dan akan memakan umpan yang telah anda beri sebelemnya .. enggak percaya ??? lihat nih

                                    
Catatan !!!
 Coba kalian arahkan mouse dan klik pada animasi hamster tersebut ..!!!
bagaimana hamster nya engga kelaperan lagikan .. kasih makan lagi ntuh hamsternya .. ntar mati kelaperan lagi ...heheh ..


Bukan Basa basi !!!
  Untuk yang satu ini jangan kalian kira basa-basi yee .. kali ini engga usah pake panjang lebar atau panjang apapun .. langsung aja lihat nih cara-cara pemasangan animasi bergerak mengikuti arah mouse pada blog di blogger dan di wordpress..


  • masuk atau login ke blog kalian

  • klik Rancangan / Design kemudian klik Elemen laman / page Elements


  • Lalu klik tambah gadget / add gadget , setelah di klik akan muncul banyak pilihan ..


  • pilih HTML/JAVA SCRIPT


  • lalu copy pastekan script-script berikut  ini ( sebaiknya jangan di beri judul )

untuk anda yang suka memilih milih  .. sekarang anda pilih nih .. animasi beregerak mengikuti mouse di bawah ini ..:
langsung copas aja gann !!!


                                 
dan ini code script widget animasi hamster yang bergerak mengikuti arah mouse untuk blogger dan wordpress .. silakan copas :

untuk blogger

<a href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank" title="mau pelihara hamster kaya gini"></a><object type="application/x-shockwave-flash" style="outline:none;" data="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/hamster.swf?" width="300" height="225"><param name="movie" value="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/hamster.swf?"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param></object><a href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank" title="mau pelihara hamster kaya gini"></a>




untuk wordpress

<a href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank" title="mau pelihara hamster kaya gini"></a>[gigya width="300" height="225" quality="high" src="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/hamster.swf?" ]<a href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank" title="mau pelihara hamster kaya gini"></a>

Untuk cara pemasangan animasi bergerak hamster mengikuti arah mouse silakan ikuti cara pemasangan seperti di atas ( untuk blogger ) .. kalo untuk wordpress mohon maaf belum ada masukan. soalnya belom pernah coba bikin blog di wordpress si .. hehe



Beda hamster beda juga laba-laba

 

dan ini code script widget animasi laba-laba yang bergerak mengikuti arah mouse untuk blogger dan wordpress .. silakan copas :


untuk blogger

<a href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank" title="mau pelihara laba-laba kaya gini"></a><object type="application/x-shockwave-flash" style="outline:none;" data="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/spider.swf?" width="300" height="200"><param name="movie" value="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/spider.swf?"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param><param name="scale" value="noscale"/><param name="salign" value="tl"/></object><a href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank" title="mau pelihara laba-laba kaya gini"></a>




untuk wordpress

<a href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank" title="mau pelihara laba-laba kaya gini"></a>[gigya width="300" height="200" quality="high" src="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/spider.swf?"  scale="noscale"  salign="tl" ]<a href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank" title="mau pelihara laba-laba kaya gini"></a>




Nah kalo yang ini lebih asik lagi nih gan !!
kita di ibaratkan melihara anjing hidup di blog .. yang bisa anda beri makan anda latih anda dan ada kamera untuk anda mengawasi pula ..



catatan !!
coba anda mainkan fasilitas-fasilitas yang terdapat pada kotak di atas ..!!!
bagaimana ??? kerenkan .. kaya melihara anjing di blog . 

dan ini code script widget animasi anjing yang bergerak mengikuti arah mouse dan bagaikan pelihara anjing di blog untuk blogger dan wordpress .. silakan copas :



untuk blogger

<a href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank" title="mau pelihara anjing kaya gini"></a><object type="application/x-shockwave-flash" style="outline:none;" data="http://hosting.gmodules.com/ig/gadgets/file/102399522366632716596/dog.swf?" width="300" height="225"><param name="movie" value="http://hosting.gmodules.com/ig/gadgets/file/102399522366632716596/dog.swf?"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param><param name="bgcolor" value="FFFFFF"/></object><a href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank" title="mau pelihara anjing kaya gini"></a>




untuk wordpress

<a href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank" title="mau pelihara anjing kaya gini"></a>[gigya width="300" height="225" quality="high" src="http://hosting.gmodules.com/ig/gadgets/file/102399522366632716596/dog.swf?"  bgcolor="FFFFFF" ]<a href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank" title="mau pelihara anjing kaya gini"></a>



Animasi pinguin mengikuti arah mouse

                                            

dan ini code script widget animasi pinguin yang bergerak mengikuti arah mouse dan bagaikan pelihara pinguin di blog untuk blogger dan wordpress .. silakan copas :

untuk blogger

<a href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank" title="mau pelihara pinguin mengikuti mouse kaya gini"></a><object type="application/x-shockwave-flash" style="outline:none;" data="http://penguinsgadget.googlecode.com/svn/trunk/penguins.swf?" width="300" height="200"><param name="movie" value="http://penguinsgadget.googlecode.com/svn/trunk/penguins.swf?"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param><param name="scale" value="noscale"/><param name="salign" value="tl"/></object><a href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank" title="mau pelihara pinguin mengikuti mouse kaya gini"></a>




untuk wordpress

<a href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank" title="mau pelihara pinguin mengikuti mouse kaya gini"></a>[gigya width="300" height="200" quality="high" src="http://penguinsgadget.googlecode.com/svn/trunk/penguins.swf?"  scale="noscale"  salign="tl" ]<a href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank" title="mau pelihara pinguin mengikuti mouse kaya gini"></a>




                                           

untuk blogger

<a href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank" title="mau bola aneh kaya gini"></a><object type="application/x-shockwave-flash" style="outline:none;" data="http://ballclockgadget.googlecode.com/svn/trunk/ballClock.swf?" width="300" height="220"><param name="movie" value="http://ballclockgadget.googlecode.com/svn/trunk/ballClock.swf?"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param></object><a href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank" title="mau bola aneh kaya gini"></a>




untuk wordpress

<a href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank" title="mau pelihara bola aneh mengikuti mouse kaya gini"></a>[gigya width="300" height="220" quality="high" src="http://ballclockgadget.googlecode.com/svn/trunk/ballClock.swf?" ]<a href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank" title="mau bola aneh kaya gini"></a>




                                            

untuk blogger

<a href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank" title="mau pelihara paus mengikuti mouse kaya gini"></a><object type="application/x-shockwave-flash" style="outline:none;" data="http://stingraygadget.googlecode.com/svn/trunk/stingray.swf?" width="300" height="200"><param name="movie" value="http://stingraygadget.googlecode.com/svn/trunk/stingray.swf?"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param><param name="scale" value="noscale"/><param name="salign" value="tl"/></object><a href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank" title="mau pelihara paus mengikuti mouse kaya gini"></a>


Untuk wordpress enggak ada !!!


                                        

untuk blogger

<a href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank" title="mau punya bola mengikuti mouse kaya gini"></a><object type="application/x-shockwave-flash" style="outline:none;" data="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/newtonsCradle.swf?" width="300" height="225"><param name="movie" value="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/newtonsCradle.swf?"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param></object><a href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank" title="mau punya bola mengikuti mouse kaya gini"></a>




untuk wordpress

<a href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank" title="mau punya bola mengikuti mouse kaya gini"></a>[gigya width="300" height="225" quality="high" src="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/newtonsCradle.swf?" ]<a href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank" title="mau punya bola mengikuti mouse kaya gini"></a>





                                        
untuk blogger

<a href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank" title="mau pelihara kura-kura mengikuti mouse kaya gini"></a><object type="application/x-shockwave-flash" style="outline:none;" data="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/turtle.swf?" width="300" height="200"><param name="movie" value="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/turtle.swf?"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param><param name="scale" value="noscale"/><param name="salign" value="tl"/></object><a href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank" title="mau pelihara pinguin mengikuti mouse kaya gini"></a>




untuk wordpress

<a href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank" title="mau pelihara kura-kura mengikuti mouse kaya gini"></a>[gigya width="300" height="200" quality="high" src="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/turtle.swf?"  scale="noscale"  salign="tl" ]<a href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank" title="mau pelihara pinguin mengikuti mouse kaya gini"></a>


Bagaimana ??? kalian mau pilih yang mana ??? tinggal copas aja kok .
jika kalian ingin memasang animasi bergerak di sudut blog kalian .. aldi ada tutorialnya juga kok ..
contohnya kaya gini nih http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html

Photobucket

Nanti ada nya di sudut blog kalian loh... lets try ... http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html

Tidak ada komentar:

Posting Komentar