Berikut ini adalah tutorial membuat icon twitter dengan animasi burung yang bisa terbang mengikuti arah gerakan seperti terbang naik-turun dan bisa bertengger pada setiap kotak yang ada pada blog/situs. Sebenarnya cara ini cukup mudah dan gampang, namun karena ada teman yang bertanya kepada saya maka kali ini saya buatkan tutorialnya secara singkat dan mudah.
Semoga tutorial berikut dapat membantu teman-teman sesama bloggermaupun pengunjung blog saya. Oke, tanpa perlu panjang lebar, berikut adalah langkah-langkahnya:
- Masuk (Login) ke Dashboard Blogger anda.
- Pilih Tab Design, lalu Page Elelement.
- Kemudian Tambahkan Gadged/Widget (Add a Gadged), pilihHTML/JavaScript. (Bebas diletakkan dimana saja)
- Dari gadget/widget HTML/JavaScript tersebut, silahkan copy script"JavaScript" dibawah: (tanpa title/judul/tanpa memasukkan nama untuk gadged/widgetnya).
Copy script berikut ini, agar tidak terjadi kesalahan kode jangan langsung di paste ke gadged/widget, tapi paste dulu ke notepad kemudian dari notepad copy lagi dan dimasukkan ke gadged/widget HTML/JavaScript sesuai petunjuk diatas.
<script type="text/javascript" src="http://imemovaz.googlecode.com/files/tripleflap.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhya_cFSTVXB2Z9WT0wsN_otg3KJSBrgG7XedP4OTIUkm4z2QTxYq6w6bdnfYHIzUOSziMJOymjnw5VCi3xwf1SSGhlCkHEz6Qw1zUm8faLsOo7-w9dsrILJl6IHERSMb7M6kKar-DlEKpe/s1600/birdsprite.png"; var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span"); var twitterAccount = "http://twitter.com/NamaTwitterAnda";var tweetThisText = "Twitter - NamaTwitterAnda http://UrlSitusAnda/";tripleflapInit();
</script>
contoh untuk script yang aku pasang di blog ini seperti dibawah ini :
<script type="text/javascript" src="http://imemovaz.googlecode.com/files/tripleflap.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhya_cFSTVXB2Z9WT0wsN_otg3KJSBrgG7XedP4OTIUkm4z2QTxYq6w6bdnfYHIzUOSziMJOymjnw5VCi3xwf1SSGhlCkHEz6Qw1zUm8faLsOo7-w9dsrILJl6IHERSMb7M6kKar-DlEKpe/s1600/birdsprite.png"; var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span"); var twitterAccount = "http://twitter.com/zava_online";var tweetThisText = "Twitter - zava_online http://twitter.com/zava_online";tripleflapInit();
</script>
by nizar
Langganan:
Posting Komentar (Atom)
Wah dah pasaran tuh burung twitternya mas... saya dah buat yang lagi trend nich burung twitternya saya ganti sama transformer (StarScream -> Decepticon) lebih up-to-date dan banyak pilihan lainnya.
Contoh & tutorialnya bisa dilihat di
http://monozcore.blogspot.com/2011/08/blog-widget-burung-terbang-twitter.html
Semoga Bermanfaat. Trims