Berikut ini adalah tutorial membuat icon twitter 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 blogger maupun pengunjung blog saya. Oke, tanpa perlu panjang lebar, berikut adalah langkah-langkahnya:
1. Masuk (Login) ke Blogger anda.
2. Kemudian klik Dashboard.
3. Pilih Rancangan --> Element laman.
4. Lalu Tambahkan Gadged/Widget, pilih HTML/JavaScript.
3. Pilih Rancangan --> Element laman.
4. Lalu Tambahkan Gadged/Widget, pilih HTML/JavaScript.
5. Kemudian Copy dan Paste kode di bawah ini pada HTML/JavaScript tadi.
<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/AVvXsEj-DZj09f02dQgjGwStkDIl3PjM5-SW6mCzQKV4kWcu-AwMiFU-Ud7e4y2O3hQjGIQjXxH6Xc77AsNf0HWdYQirg751z5tgRXEJhVi1W0bwVio4hiQvOGtqjvqIOqRMs9W0PWHQ61pfes0u/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/iwanrajud";var tweetThisText = "Twitter - xversailez http://r47ud-community.blogspot.com/";tripleflapInit();
</script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-DZj09f02dQgjGwStkDIl3PjM5-SW6mCzQKV4kWcu-AwMiFU-Ud7e4y2O3hQjGIQjXxH6Xc77AsNf0HWdYQirg751z5tgRXEJhVi1W0bwVio4hiQvOGtqjvqIOqRMs9W0PWHQ61pfes0u/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/iwanrajud";var tweetThisText = "Twitter - xversailez http://r47ud-community.blogspot.com/";tripleflapInit();
</script>
- Ganti tulisan warna hijau dengan nama twitter kamu
- Ganti tulisan warna biru dengan URL blog kamu
- Selesai...
Ok Sampai disini tutorial kita, untuk warna yang lain anda bisa mengedit-edit nya sendiri...
Postingan
Join The Community