Membuat Animasi Burung Twitter Pada Blog

 

Beberapa waktu yang lalu Tim Java Creativity memperoleh beberapa email dari para pengunjung yang berisi sebuah saran agar Java Creativity memposting artikel yang membahas tentang Blog atau website. Ehhhmmm….saran yang sangat bagus sekali, lagipula agar isi blog ini tidak hanya terfokus pada software saja.

Nah, kali ini kami akan memposting Trik sederhana untuk Blogger yaitu membuat Burung Animasi Twitter yang melayang kesana-kemari, tidak hanya bisa melayang-layang saja lhooo tetapi Burung Cucak Rowo ini eeehhhh salah Burung Twitter maksud kami ^_^ juga akan sangat bermanfaat untuk menarik pengunjung blog sekaligus mencari Follower pada Akun Twitter anda. Nggak percaya?? Berikut ini akan kami uraikan secara detail.

Ada banyak sekali cara untuk mempopulerkan sebuah isi blog. Salah satunya adalah dengan menggunakan situs jejaring sosial. Salah satu jejaring sosial yang cukup terkenal adalah twitter. Dengan mengandalkan trafik dari twitter maka anda bisa menghasilkan trafik yang lumayan juga pada blog. Hanya sayangnya kadang kita terkendala dengan cara mempromosikan isi artikel dari blog kita. Salah satu metode yang banyak dipakai oleh kalangan blogger adalah dengan membuat animasi burung terbang dalam blog. Jadi burung terbang itu akan terbang kesana kemari mengukuti pergerakan halaman. Jika nanti burung tersebut diklik, maka artikel tersebut bisa langsung ter-share ke twitter.

Lalu bagaimana sih cara pembuatannya? Berikut ini tutorialnya :

• Silahkan anda login dulu ke dalam Blog anda
• Pilih Rancangan >> Elemen Laman >> Tambah Gadget >> pilih Html/ java script
• Masukkan kode berikut :

<!-- floating twitter Bird -->
<script type="text/javascript" src="http://p4r46h-blog.googlecode.com/files/twitterfloat.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggMlTNIwWxp4AW4xRqfcpBsDYSbdpCCyxW84IPFI4TaN8MItL0rRkTOVm8WWaUxbbDnAks-JofUKYNVsfSvLMiwqxC_bj8vU0iZgPLsOAaX14Cf5Vft6eDtCt58zTi2nK7rGVDnvVuCakd/s1600/original.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/#!/AkunTwitterAnda";var tweetThisText = "Twitter - AkunTwitterAnda http://javacreativity.com/";tripleflapInit();
</script>

• Tampilannya seperti berikut kemudian klik Simpan

• Lihatlah Hasilnya

Keterangan:
Ganti http://twitter.com/#!/ AkunTwitterAnda dengan URL Profil Twitter anda

Ganti http://javacreativity.com/ dengan URL Blog Anda

Ganti AkunTwitterAnda dengan IdTwitter anda


Tambahan:

Warna Burung bisa diganti dengan warna lainnya. Caranya: ganti kode https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggMlTNIwWxp4AW4xRqfcpBsDYSbdpCCyxW84IPFI4TaN8MItL0rRkTOVm8WWaUxbbDnAks-JofUKYNVsfSvLMiwqxC_bj8vU0iZgPLsOAaX14Cf5Vft6eDtCt58zTi2nK7rGVDnvVuCakd/s1600/original.png dengan kode burung dibawah ini:

Jika ingin Burung Twitternya berwarna Ungu, maka silahkan gunakan kode berikut ini :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPO1t2YRtVYeKMBVU1CXbbdEF34sjA_ThRCafi5iL47DNOPyKHRmrNET5HvXvMm3vEa8XaHTroLnhuE-IIvwBFfn75NeZdpZLvDD7imX-f05VZh_xdKL5y5p4_x9RO0xI_hCu8Qt18T9lK/s1600/purple.png


Jika ingin Burung Twitternya berwarna Hijau, maka silahkan gunakan kode berikut ini :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivtrqhYSLknOIlT-F_TehzroCK4GzDVUO3_ueLzfYRR-dsqNTX0OhJgo8wFe9RRAqdO4j9QValwKBGZaCOrV8RFjSFNNIjD6zHyKzJzMHjopLOVphUYaHjGHzj6QdqvmYeXCWqvQNGlatp/s1600/green.png


Jika ingin Burung Twitternya berwarna Biru, maka silahkan gunakan kode berikut ini :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDHIUG_OpaahzSp_w4YBI15cYwV1sd3vnX2iwu44gfdgEQlWX6j7Qx5GiV8DLD1mmVWFo_CgCzdH1tZ6TI_62irnrTQS9ehiNveIvQKzFjI_LfBXbwWNHck93hApJhQZk2swo-MFsK_Nsb/s1600/blue.png


Jika ingin Burung Twitternya berwarna Pink, maka silahkan gunakan kode berikut ini :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAIrB11sM7qWFxFqI1RJyaVShsAVK2NKib8II6tpqxqRGKT6lphQyHYxJ1msf_L1RHxXu3XAXFkkDeWtovY9ltng9-IPCwpndOo6ugMxf7JEyg7bvYme-Xq1R4BqKAneVzjatfmwQ9hARI/s1600/pink.png