Minggu, 22 April 2012

Cara Memasang Animasi Bergerak Mengikuti Mouse di Blog


Kali ini Saya akan membahas Cara pasang animasi yang mengkuti mouse pada blog.
Yang belum tahu Saya kasih tahu apa animasi yang mengkuti mouse itu, yaitu adalah ketika kita sorotkan cursor ke animasi maka animasi itu akan mengikuti gerak cursor Anda, untuk lebih jelasnya, bisa Anda ikuti langkah langkah di bawah ini.


Untuk memasangnya :
  • Login ke blogger.com, jika sudah,
  • Pilih Tata Letak → Tambah Gadget → Pilih HTML/JavaScript
  • Lalu copy pastekan script-script di bawah  ini ke dalam kolom ( sebaiknya jangan di beri judul )
Perhatian :


  • Anda tinggal pilih sesuka Anda

                                 
Di bawah ini script widget animasi hamster yang bergerak mengikuti arah mouse untuk blogger dan wordpress :




  • Untuk blogger



<a href="http://suryachandragobel.blogspot.com/2012/04/cara-pasang-animasi-bergerak-mengikuti.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://suryachandragobel.blogspot.com/2012/04/cara-pasang-animasi-bergerak-mengikuti.html" target="_blank" title="mau pelihara hamster kaya gini"></a>




  • Untuk wordpress



<a href="http://suryachandragobel.blogspot.com/2012/04/cara-pasang-animasi-bergerak-mengikuti.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://suryachandragobel.blogspot.com/2012/04/cara-pasang-animasi-bergerak-mengikuti.html" target="_blank" title="mau pelihara hamster kaya gini"></a>


Di bawah ini script widget animasi laba-laba yang bergerak mengikuti arah mouse untuk blogger dan wordpress :





  • Untuk blogger



<a href="http://suryachandragobel.blogspot.com/2012/04/cara-pasang-animasi-bergerak-mengikuti.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://suryachandragobel.blogspot.com/2012/04/cara-pasang-animasi-bergerak-mengikuti.html" target="_blank" title="mau pelihara laba-laba kaya gini"></a>




  • Untuk wordpress



<a href="http://suryachandragobel.blogspot.com/2012/04/cara-pasang-animasi-bergerak-mengikuti.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://suryachandragobel.blogspot.com/2012/04/cara-pasang-animasi-bergerak-mengikuti.html" target="_blank" title="mau pelihara laba-laba kaya gini"></a>




Animasi pelihara anjing hidup di blog, yang bisa Anda beri makan, dilatih, dan ada kamera untuk Anda mengawasi pula.

Di bawah ini script widget animasi anjing yang bergerak mengikuti arah mouse untuk blogger dan wordpress :


  • Untuk blogger



<a href="http://suryachandragobel.blogspot.com/2012/04/cara-pasang-animasi-bergerak-mengikuti.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://suryachandragobel.blogspot.com/2012/04/cara-pasang-animasi-bergerak-mengikuti.html" target="_blank" title="mau pelihara anjing kaya gini"></a>




  • Untuk wordpress



<a href="http://suryachandragobel.blogspot.com/2012/04/cara-pasang-animasi-bergerak-mengikuti.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://suryachandragobel.blogspot.com/2012/04/cara-pasang-animasi-bergerak-mengikuti.html" target="_blank" title="mau pelihara anjing kaya gini"></a>



Di bawah ini code script widget animasi pinguin yang bergerak mengikuti arah mouse untuk blogger dan wordpress :


  • Untuk blogger



<a href="http://suryachandragobel.blogspot.com/2012/04/cara-pasang-animasi-bergerak-mengikuti.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://suryachandragobel.blogspot.com/2012/04/cara-pasang-animasi-bergerak-mengikuti.html" target="_blank" title="mau pelihara pinguin mengikuti mouse kaya gini"></a>




  • Untuk wordpress



<a href="http://suryachandragobel.blogspot.com/2012/04/cara-pasang-animasi-bergerak-mengikuti.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://suryachandragobel.blogspot.com/2012/04/cara-pasang-animasi-bergerak-mengikuti.html" target="_blank" title="mau pelihara pinguin mengikuti mouse kaya gini"></a>




  • Untuk blogger



<a href="http://suryachandragobel.blogspot.com/2012/04/cara-pasang-animasi-bergerak-mengikuti.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://suryachandragobel.blogspot.com/2012/04/cara-pasang-animasi-bergerak-mengikuti.html" target="_blank" title="mau bola aneh kaya gini"></a>




  • Untuk wordpress



<a href="http://suryachandragobel.blogspot.com/2012/04/cara-pasang-animasi-bergerak-mengikuti.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://suryachandragobel.blogspot.com/2012/04/cara-pasang-animasi-bergerak-mengikuti.html" target="_blank" title="mau bola aneh kaya gini"></a>




  • Untuk blogger



<a href="http://suryachandragobel.blogspot.com/2012/04/cara-pasang-animasi-bergerak-mengikuti.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://suryachandragobel.blogspot.com/2012/04/cara-pasang-animasi-bergerak-mengikuti.html" target="_blank" title="mau pelihara paus mengikuti mouse kaya gini"></a>




  • Untuk blogger



<a href="http://suryachandragobel.blogspot.com/2012/04/cara-pasang-animasi-bergerak-mengikuti.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://suryachandragobel.blogspot.com/2012/04/cara-pasang-animasi-bergerak-mengikuti.html" target="_blank" title="mau punya bola mengikuti mouse kaya gini"></a>


  • Untuk wordpress



<a href="http://suryachandragobel.blogspot.com/2012/04/cara-pasang-animasi-bergerak-mengikuti.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://suryachandragobel.blogspot.com/2012/04/cara-pasang-animasi-bergerak-mengikuti.html" target="_blank" title="mau punya bola mengikuti mouse kaya gini"></a>


                              

  • Untuk blogger



<a href="http://suryachandragobel.blogspot.com/2012/04/cara-pasang-animasi-bergerak-mengikuti.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://suryachandragobel.blogspot.com/2012/04/cara-pasang-animasi-bergerak-mengikuti.html" target="_blank" title="mau pelihara pinguin mengikuti mouse kaya gini"></a>


  • Untuk wordpress



<a href="http://suryachandragobel.blogspot.com/2012/04/cara-pasang-animasi-bergerak-mengikuti.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://suryachandragobel.blogspot.com/2012/04/cara-pasang-animasi-bergerak-mengikuti.html" target="_blank" title="mau pelihara pinguin mengikuti mouse kaya gini"></a>



Selamat Menikmati !

Tidak ada komentar:

Posting Komentar