:: Beberapa Widget Burung Terbang melayang /Twitter Untuk Blog ::

Bagi anda mungkin agak aneh mendengar nama Twitter Melayang apalagi kalau sudah sampai di beranda halamannya. Banyak yang pada bingung, buat apaan sih Widget Twitter melayang itu? Baca posting sebelumnya

Sama halnya seperti Facebook, Twitter juga termasuk social network yang sangat booming. Sampai-sampai setiap internet marketer memanfaatkannya sebagai media promosi yang sangat efektif (kecuali yang nggak ngerti gimana cara memanfaatkan Twitter).

Twitter merupakan salah satu situs jejaring sosial yang terkenal diantara para blogger dan netter. Widget untuk twitter ada banyak jenisnya dan kebanyakan dalam bentuk icon dan tombol yang bentuknya statis artinya hanya terpaku pada satu lokasi. Sekarang pada kesempatan kali ini saya mencoba memberikan informasi tentang salah satu widget twitter yang dinamis. Kalo widget ini di pasang di blog nya sobat pasti akan menambah daya tarik pengunjung yang sedang blog surfing di blognya sobat.

Widget ini berbasis plugin javascript yang akan menampilkan animasi burung twitter yang sedang terbang dan hinggap di area yang terlihat di monitor. Ketika cursor pengunjung mengenai burung twitter ini maka akan memunculkan teks "Follow Me" dan menampilkan link ke twitter sobat.

Pada postingan ini yang update untuk widget burung terbang melayang saya akan memberikan 2 Opsi penempatan animasi burung twitter yaitu sobat boleh menempatkan pada halaman utama saja atau pada semua halaman.  Caranya  sebagai Berikut :

Menampilkan Widget ini Hanya Pada Halaman Utama Saja

1. Login ke blog anda.
2. Klik dashboard > design > edit HTML.
   
   
3. Cari potongan kode xml pada template blog sobat (tekan CTRL + F pada keyboard anda untuk menampilkan kotak pencarian di browser sobat untuk mempercepat pencarian).
   

   </body>

4. Copy - Paste kode berikut ini tepat di bawah / di atas kode "</body>".

<b:if cond='data:blog.url == data:blog.homepageUrl'>

<!-- Twitter Bird Widget for Blogger edited by MonozCore -->

<script type='text/javascript' src='http://monozcore-project.googlecode.com/files/tripleflap.js'>

</script>

<script type='text/javascript'>

var birdSprite='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhELKaFPqBSzvBBmABZx8XcrsbBbPLZr9Fby6b5rLBiCnc_KBlaNTNdK9M_YjxU8BaNG8CVNDblh8FBOCuf6c69Ap8fLJ87_AN2QfXdWj5RCEdkqKFLn7S0JUbfuLlqvLTjq__dlXidku0/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 = &quot;http://twitter.com/TwitterKamu&quot;;

var tweetThisText = &quot; <data:blog.pageTitle/>: <data:blog.url/> &quot;;

tripleflapInit();

</script>

<!-- Twitter Bird Widget for Blogger edited by MonozCore -->

</b:if>

5. Kode yang berwarna biru berguna untuk pilihan animasi. Apabila sobat ingin mengganti animasi dengan Stickman sobat tinggal mengganti kode yang berwarna biru dengan kode untuk animasi Stickman.
6. Kode yang berwarna hijau merupakan kode untuk alamat akun twitter sobat. Silakan sobat isi sesuai dengan alamat akun twitter sobat. Caranya : ganti kode yang berwarna hijau dengan twitter.com/sobat yang mana sobat adalah alamat username twitter sobat.
7. Simpan kemudian lihat hasilnya.

Menampilkan Widget ini Pada Semua Halaman

1. Login ke blog anda.
2. Klik dashboard > design > edit HTML.
   
   
3. Cari potongan kode xml pada template blog sobat (tekan CTRL + F pada keyboard anda untuk menampilkan kotak pencarian di browser sobat untuk mempercepat pencarian).
   

   </body>

4. Copy - Paste kode berikut ini tepat di bawah / di atas kode "</body>".

<!-- Twitter Bird Widget for Blogger edited by MonozCore -->

<script type='text/javascript' src='http://monozcore-project.googlecode.com/files/tripleflap.js'></script>

<script type='text/javascript'>

var birdSprite='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhELKaFPqBSzvBBmABZx8XcrsbBbPLZr9Fby6b5rLBiCnc_KBlaNTNdK9M_YjxU8BaNG8CVNDblh8FBOCuf6c69Ap8fLJ87_AN2QfXdWj5RCEdkqKFLn7S0JUbfuLlqvLTjq__dlXidku0/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/TwitterKamu';

var tweetThisText = 'Twitter - Twitter kamu https://twitter.com/TwitterKamu/';

tripleflapInit();</script>

<!-- Twitter Bird Widget for Blogger edited by MonozCore -->

5. Kode yang berwarna biru berguna untuk pilihan animasi. Apabila sobat ingin mengganti animasi dengan Stickman sobat tinggal mengganti kode yang berwarna biru dengan kode untuk animasi Stickman.
6. Kode yang berwarna hijau merupakan kode untuk alamat akun twitter sobat. Silakan sobat isi sesuai dengan alamat akun twitter sobat. Caranya : ganti kode yang berwarna hijau dengan twitter.com/sobat yang mana sobat adalah alamat username twitter sobat.
7. Simpan kemudian lihat hasilnya.

Pilihan Animasi

1. Burung Twitter 

Gunakan Kode :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhELKaFPqBSzvBBmABZx8XcrsbBbPLZr9Fby6b5rLBiCnc_KBlaNTNdK9M_YjxU8BaNG8CVNDblh8FBOCuf6c69Ap8fLJ87_AN2QfXdWj5RCEdkqKFLn7S0JUbfuLlqvLTjq__dlXidku0/s1600/birdsprite.png

2. Stickman Twitter

Gunakan Kode :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_RAKFfcaVcNgBxiS_U1EjrpQG27WePnJXs2ID-uy0enb5hoII1unMxD6-VysCgybLehKFB157F-OQtBWGm1EcItHkhaSP4GA55gBsAAUKBsfAXd2pZzfcvuqFPD1K4BHzprDGlixB5cw/s1600/birdsprite_MonozCore_Stickman.png
3. Star Scream Twitter

Gunakan Kode :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikl8AFShAOMC6UAUz3m75BBjJmWkz9GRakRcAHoKeZX1x8OdBEfDiGP85tmqk23Q-PNEETIRo_OsOrmeddMyvgd9Bv6kupJazEyiTg019rHVl3pwyhFm3eQe4r_cDBm7U0SfL8hhxmBco/s800/MonozCore.blogspot.com_BatTwitter.png

4. SantaBird Twitter

Gunakan Kode :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhehxw0D1mHRc5q1a3b07V-5TKQ-r8HzRhJrPSw8hBL1xvbRLGQY9ExYKwv1OdOk0rW57jiZ7bwYQ7_0lqVLMzI7cNcYWUrIdETCOxMqHz6xXsbU3GUfsT2QrXfbNix_yDURYuQj6TFICc/s800/MonozCore.blogspot.com_SantaBirdTwitter.png 

5.Dragon Twitter

 

Gunakan Kode :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj03wJranwiTCeD7UmW3jdHvzKWCcHV3oi4ozs8kxO_7NaFH2R-zD_xk7yyxnpkGRUX_aFaig7aTYg1sNbHT5VGMZjKsXwWzCR5zIcHoDJGunLvu2esQoIhrT33xkab0eDRNRRVhAi4l3Y/s800/MonozCore.blogspot.com_Dragon_Twitter.png

7. DBZ Twitter

:: Semoga Bermanfaat ::