Membuat Widget Twitter Burung 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. sebelumnya difollow dung twitter saya hehe....http://twitter.com/setyosn

1. Silahkan masuk ke akun blogger
2. Klik Rancangan >> Edit HTML
3. Kemudian letakkan kode berikut ini tepat diatas (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/AVvXsEjyljVXqlGa2EBD45KfYA-gsV8xjv5rXOHNNYnp42dkq3R2ikE-OR6DIwx8smhwxVqmt0FBGQkSfrMRr2aCJcgsM5H1wHyy3uISrp3Nf5SYy1oLBUx9zAKx8ZFPmq7Y7ZRJDKNJ96V1QJzy/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/AVvXsEjyljVXqlGa2EBD45KfYA-gsV8xjv5rXOHNNYnp42dkq3R2ikE-OR6DIwx8smhwxVqmt0FBGQkSfrMRr2aCJcgsM5H1wHyy3uISrp3Nf5SYy1oLBUx9zAKx8ZFPmq7Y7ZRJDKNJ96V1QJzy/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> 
5.  Kemudian simpan template dilihat dulu hasilnya.

13 Pilihan warna untuk  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/AVvXsEjyljVXqlGa2EBD45KfYA-gsV8xjv5rXOHNNYnp42dkq3R2ikE-OR6DIwx8smhwxVqmt0FBGQkSfrMRr2aCJcgsM5H1wHyy3uISrp3Nf5SYy1oLBUx9zAKx8ZFPmq7Y7ZRJDKNJ96V1QJzy/s1600/u-sup-birdsprite.png
Warna Pelangi :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirpXDIQQjD1W6wGGt1j4miNdn9Q8FQRnZ1oWiHWF7Am44FGNMtart7tNQ0zi6oj3oYCsNrNVWzmgyqvk6L_8elOCluf_xYdNkyYVMcbFCwvxogUk6zOKgNApGVyA2ztUqb4M50FqfXmrPD/s1600/u-sup-pelangi.png 
Warna Biru tua : 
  https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHjaWBEv8kWQ6i3PpufkLNst9M-fPGmcT-WYcYBIu0UdyLJcxDR95pshCKet7_UsnxBe1DbksWDnL-5D0bc8sliREC8UXnHCGSD95dFHiBYGgIbJ4pn_eWFeDg0I6cgWydHjZ1LqoblmIb/s1600/u-sup-Blue.png
Warna Merah :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKwhhQ57ls856mJq2LelLvNtyf07_V6XMv8Eu1w0nembCewO7c6ixwrrn51DS3YzJjPsL6QUaOZqG88r349SADIndqk_NQPp33Abl8ktgHg4daMMozlzMvydugWOUqr9dH1e6IEgQu0XSW/s320/u-sup-red.png
Warna Ungu : 
  https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5DYmVKK235jReobaCTgjML8OKFV2X06x-L5Yejy_WUaArkThFBSUNlAhJheU48Nqn0wPAqUmpV7NGWPPwrvCxFRWHu0hQb1iAFBkqo2KIgAIEk-Yso3NRu6QKy-Qch3jO4t9g5bypjEpS/s1600/u-sup-ungu.png
- Warna Purple :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcoifZYfD5zy9z7CLmYBC7NoYmFzsTYZcy1r9ZUlwutGI0YanBJsApTEVS9W0E2_yIXFkTtLdh5KkNQAVAex-GKU_2K0I7SOMsTDp4lQs9tq0RBjTy3XKARjSXrTZL5NwEs3pY8Zwn14uH/s1600/u-sup-purple.png 
Warna hitam :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEsr7y-stVunFDUK23WE-bobAXj6wtq6e0lrcjROrqGiqGf1IxmQXoF8RCQirnfOwxbng7Uvbpz7AAWHKLCKrJc5zj_G4jsLUDd72zuIOmW8NlkS-UihCgrqAbLIJNRmsv0gRh35R6-gja/s1600/u-sup-black.png 
Warna hijau :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZ42jGMhUVC6IudVgCvlLZ7aJcj88qbtkg-4NeWNfgLA1pKR3Xiv0AbDfTTn0mf6DfYdIJOc7GN5gmnH84b09OOi6lXvpce3aAGk-F499k8wGPy1JT8HvpQ_LL4N3IpiH_L1sa_9vaLgVy/s1600/u-sup-Green.png 
Warna Kuning :
  https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMj4RnmfHVx2kRA0WfvJtfcEpDMl3xzoTd7-SnlKehKOi3nHpm0saEA6ZC_PZaiR_wxuyQixKYKuQghxT9q5ChwRvyIdz_fnDOQcofuOV5-3ssZwQpIKO2XWEny71IiGehTKob-M-6_OM6/s1600/u-sup-yellow.png   
Warna Putih :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-W9tb1rZLhWzK4FIyEmSxEtacLhb14OaUSzW1qlQRu8ljfmOHq92ehb4hZYCFs_X-xHvGiP45TKI4xLYVJiV1JtQgoJ9OCtjRs18AnyD9IXg1hZktpahseIZa33uYE74Qk4VkmAA89c_D/s1600/u-sup-white.png
Warna Transparan :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLez1FDij6R_RgEupV2KBmUryvBFTve8KRNKtPEaOtaTZWnuDBRw3HEDunInujHcwvx3LdueMp_orpsP411GhDOITWDumzWXNAjCmxDvUsZeFExVHQNVw6xvOrUzADzIWv4Buw8sTzW5aU/s1600/u-sup-transparan.png 
Warna Cokelat :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDew_UCB0wUbjH8TpYyzVKcBoQNDXeZ4VMqQy2Mb08JVTPR0C0g77XllErd0DNmus0F0T5H2l4RYsPB4ukRM3YwYdrFlBpJzy4HEKPeiVPtKESnCaqomSetkJlnAHu2s90r6yE1LPbG9Y-/s1600/u-sup-brown.png 
- 2 Warna Ungu - Oren
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaRjndrNxAbJCHgHyA_crulk2w9hrNbwOZ0g1sWt6e0TRbqQlPna0tMpEsTBnjf2pXa2KHzHVMdGZ_g4sGBK9cXXYbZYSFyuV6x6rhA9sp5tDWQRZIuRxOlWwmeEanQbwuIfSGLgGHPD5Z/s1600/u-sup-ungu-orange.png
Semoga mudah dipahami....!!!


Sumber: http://u-sup.blogspot.com/2011/08/13-pilihan-warna-widget-twitter-burung.html

Tidak ada komentar:

Posting Komentar

Blog ini merupakan Blog Dofollow silahkan berkomentar untuk mendapatkan backlink gratis. Tak ada Moderasi maupun Verifikasi. Tolong jangan melakukan SPAM maupun berkomentar yang dapat mengundang SARA.