Cara Membuat Widget Burung Twitter Terbang

CARA MEMBUAT WIDGET BURUNG TWITTER TERBANG

Semakin ramainya pengguna twitter di seluruh penjuru dunia membuat mereka para webmaster berinovasi dan mengekspresikan kemampuan mereka dibidang bahasa pemograman dengan membuat berbagai macam widget blog atau fitur-fitur blog agar dapat ditampilkan di blog atau website dengan harapan dapat menarik pengunjung. salah satunya dengan widget twitter terbang (flying bird), widget twitter ini akan mengikuti layar dimanapun layar monitor, ketika halaman blog di scroll kebawah maka burung lucu yang membawa akun twitter kamu. seperti kita ketahui mencari follower / pengikut twitter lebih sulit ketimbang facebook karena di twitter orang yang kita follow belum tentu memfollow kita balik, sangat berbeda jika di facebook orang yang kita follow secara otomatis dia juga memfollow kita.

Nah dengan twitter terbang yang lucu kesana-kemari ini mungkin dapat membantu kita untuk mencari pengikut twitter, dibawah ini kode untuk widget twitter terbang dengan 5 jenis pilihan warna jadi kita bisa menyesuaikan dengan warna blog ataupun selera warna kita.

1.      Silahkan masuk ke akun blogger

2.      Klik Rancangan >> Edit HTML

3.      Kemudian letakkan kode berikut ini tepat diatas  </head>   (gunakan CTRL+F untuk mempermudah pencarian)

 <!--- AWAL KODE TWITTER --->
<script type="text/javascript" src="http://u-sup.googlecode.com/files/twitterbang.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4IyqrfGuE4PXOKqJA70sumPKEv960n8xyfzciiSxQXcbnfLcDCGP_N72PDECls8T96p2wLTUNjmdPEpRPVtZla8l7JZL94-IFIFyqRRR_laUO2daNpXpq5mniJkCyBLbH4MsebabRsPpC/s1600/u-sup-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/IDTwitterKamu";var tweetThisText = "Twitter - IDTwitterKamu http://www.url-kamu.blogspot.com/";tripleflapInit();</script>
<!--- AKHIR KODE TWITTER --->

• Gantilah teks hijau dengan ID twitter kamu 
• Gantilah teks Kuning dengan url blog kamu yang dipasang widget ini

 Contoh untuk kode punya saya :

<script src='http://u-sup.googlecode.com/files/twitterbang.js' type='text/javascript'/>
<script type='text/javascript'>
var birdSprite=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4IyqrfGuE4PXOKqJA70sumPKEv960n8xyfzciiSxQXcbnfLcDCGP_N72PDECls8T96p2wLTUNjmdPEpRPVtZla8l7JZL94-IFIFyqRRR_laUO2daNpXpq5mniJkCyBLbH4MsebabRsPpC/s1600/u-sup-birdsprite.png&quot;; var targetElems=new Array(&quot;img&quot;,&quot;hr&quot;,&quot;table&quot;,&quot;td&quot;,&quot;div&quot;,&quot;input&quot;,&quot;textarea&quot;,&quot;button&quot;,&quot;select&quot;,&quot;ul&quot;,&quot;ol&quot;,&quot;li&quot;,&quot;h1&quot;,&quot;h2&quot;,&quot;h3&quot;,&quot;h4&quot;,&quot;p&quot;,&quot;code&quot;,&quot;object&quot;,&quot;a&quot;,&quot;b&quot;,&quot;strong&quot;,&quot;span&quot;); var twitterAccount = &quot;http://twitter.com/usupnew&quot;;var tweetThisText = &quot;Twitter &#8211; usupnew http://u-sup.blogspot.com/&quot;;tripleflapInit();
</script> 

Kemudian simpan template dilihat dulu hasilnya.

Pilihan Warna Untuk Burung Twitter Terbang

Gantilah URL/teks warna merah diatas dengan memilih salah satu URL dibawah ini kemudian simpan.

- Warna Standar (biru muda)

 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4IyqrfGuE4PXOKqJA70sumPKEv960n8xyfzciiSxQXcbnfLcDCGP_N72PDECls8T96p2wLTUNjmdPEpRPVtZla8l7JZL94-IFIFyqRRR_laUO2daNpXpq5mniJkCyBLbH4MsebabRsPpC/s1600/u-sup-birdsprite.png

- Warna Pelangi :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhY0gta2vRrA0ryY1dhIHfhPVZfXhAVpQTU62ao6AL6wcJXBcpsMBa1Bfxc8J3xku1rTeA7gqPvpHlCtlGdKMpE52u5HMsDvIY_zhKyApA0mPrGlZn5Ykgmr4RGQWU2-QIPpGLff4xK38pQ/s1600/u-sup-pelangi.png 

- Warna Biru tua : 

  https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTk5HZM5QHUHXaA7tPP8swHA5ltrHUn6sywSYdhhdnXZcPiopHegJrx1pEm8bJl3Tc9Yfmi0hqjebP43FTDSGPP28LMgxzgUhG0Axr_V3QQV49Vw0VL2BWzcpBpnD9fOhusPcUIBgRcGHv/s1600/u-sup-Blue.png

- Warna Merah :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZz4O1bsWZJx0mWFJuUeaRBBzLnXmefWF3Il_xCFK53aVtimygYKKj60a6l96zx3UZFKejsA-d-6z1AO0s8RTH7xqb4KmHK6fOFKdG3uhu4BkVfqvHvVSO8bR4BCYcDc2NQw6VCAdIQFLP/s320/u-sup-red.png

- Warna Ungu : 

  https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0wgRW533nT5YV6QxlnQ15dLz8yA0cyeHhxpN0KfrCZ0dKsv8Z5-dDLpUi4DbKjmEsKFhhuZVK9mLI_NLaInCUxjrly0zJz2Di7CSK2Zarz7aT3RmzChZlQmnfHEwrmv4VLo5DOYMj2rw6/s1600/u-sup-ungu.png

- Warna Purple :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHoOjGFkhQwTgEI00_5OWD4ms176qkzL4A4SnUJ6r26H569YgzQfzLAFqq286yRWmjxcmbLWeii2vtqcOq1g0yfcD4uPpRc0HZ6WpLidQshfwnECnkSdaljNnKoseaAACwmezsXAcvSW4r/s1600/u-sup-purple.png 

- Warna hitam :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjzlq49Ez1dbWkBjxw41UdymQVKuYm9B7Pmswt5oVanR7h0lFWg1wBWSa3BN2JyYb0b_KjY6_DkqU0n_VThJV6QxjYuaJb_BpUezZ03jIXs4_eQo0RjUW9ru1S5m70-kk-xsVidxuQBBA7/s1600/u-sup-black.png 

- Warna hijau :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghbdIVrml8a7h7zkhkjpRnyZROD0JItL5fVFbCnGZhuMzlLmzjsIhJmxz6ZZ3xCRmttVlTshVUWd9Dli8loFQXMO33Mu07gnSyqQHS-JVSpiojnfPUYdkvAsDVkaaoDFcYffBQy_WD4N_V/s1600/u-sup-Green.png 

- Warna Kuning :

  https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOKl0D1HtQgiZkaTWQRDPHLCnjwjEsmVpeX-t-axxM4DKYi_th4Akj0OokkvqSlWr_hC0ixfXNqIl6HHNPjSn6FHSk5EHPuHD1aaATIQDhjegZp2LuRGnGbyy6IzE_mlWav-xAcHdwQRhe/s1600/u-sup-yellow.png   

- Warna Putih :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQjChJrMW1qrl2APFRPz7PzYD81ulaty_w1Jy9-jdHa45aPLfrjR-F3wri0TQOWoA1k9ebArN5CCdfZOPxWUvsd8lFIivzo1TaGOsW8fnOikNvsz8douIGTr6js5M8lm-ZujCGVkMRO_4T/s1600/u-sup-white.png

- Warna Transparan :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYnt-aZsyQPD0T5Qre6M8kF9ZwkJjnDQajhOTiiwbjWyi2N-5KdsauTAFbvq_VlLLd8NVJmlagti-n9CeNn6YGAsI82yB3BZMdwBMafqbVqk1WcKnaDGdYd2J5_emF7HsGXVkruT9KTZ9q/s1600/u-sup-transparan.png 

- Warna Cokelat :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjSFZCm4_j8o_4Aid4osblcNHJIcbDvu4Y9lXaBRplF8Q_PAnrWr-QEMF5EaQzsb0HDENIxP5pnL0p-NmIOjUpJr33wkrzjKYmV9PLXNC6SPjICfMITh1CPyJR6fj23llUaHKiRwsTCGSj/s1600/u-sup-brown.png 

- 2 Warna Ungu - Oren

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrAgOzOaoJuMSP8EkaMomK0xQ36Pjj35g8lZSLu4L2cKkHO3fmpJHmmJJnJX-7BgC4Ijjz1VHeNy3a56_GuznGJ_RB6TZpBOj9vij-ZL-utAB4GjmVJmvq8f5w6PgiDdOf9W7H2qpzSdGF/s1600/u-sup-ungu-orange.png

Semoga mudah dipahami....!!!