Widget Burung Terbang di Blog ~ Jatiharjo Blogging

Duh, kok gak bisa tidur ya jam segini. Dari pada gak bisa tidur mending nulis artikel di blog ini deh. Kali ini saya akan memposting sebuah artikel yang berjudul Widget Burung Terbang Twitter di Blog. Siapa sich... yang ga kenal yang namanya "twitter" ??? Buat temen - temen yang lagi suka nge-blog widget ini wajib untuk di pasang di blog-nya.

Seperti yang sudah saya singgung "twitter" kalo dalam bahasa burung berarti berkicau dan apabila burung berkicau biasanya kalo dalam spesies yang sama saling bersahutan. Nah twitter.com mengambil konsep yang sama seperti burung dengan membuat sistem jaringan sosial yang bisa saling berkicauan atau sahut - menyahut secara global melalui internet. Hebat kan... kalo twitter mania sudah mempunyai high rank di dunia jagat maya, sekali twitt bisa dapet jutaan follower.

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 teman-teman pasti akan menambah daya tarik pengunjung yang sedang blog surfing di blognya teman-teman.

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 teman-teman.

Pada postingan ini saya akan memberikan 2 Opsi penempatan animasi burung twitter yaitu teman-teman boleh menempatkan pada halaman utama saja atau pada semua halaman. Untuk mengetahui lebih lanjut kode xml tentang penempatan halaman pada blogspot silakan sobat baca artikelnya [klik disini]. Seandainya teman-teman tertarik dengan widget ini tapi belum mempunyai blog dan teman belum mengerti tentang cara membuat blog silakan teman-teman baca artikel cara membuat blog di blogspot [klik disini]. Tuh... lengkap kan ulasannya. Kalo sobat suka dengan postingan artikel di Jatiharjo Blogging silakan teman-teman bookmark blog ini ataupun mem-follow blog ini biar ga lupa alamatnya dan selalu uptodate bila ada postingan terbaru. Oke sekarang kita langsung aja ke TKP (Tempat Kejadian Postingan)

Menampilkan Widget ini Hanya Pada Halaman Utama Saja

Login ke blog anda.
Klik dashboard > design > edit HTML.
Cari potongan kode xml pada template blog sobat (tekan CTRL + F pada keyboard teman untuk menampilkan kotak pencarian di browser teman-teman untuk mempercepat pencarian).
```
</body>
```
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/AVvXsEjG7vBTeI2ueDIbxmMm7qbpe9r5xx9Ucv2JE84PvO7MGhyphenhyphenI0y1mggGVMkHfGaykOhp1EqpRA6zDFAT70j1l1jsPz6SYULA85jwEQbrcXItZ06f5YCShQ9WjmffFtVZQRjFtseyedJNSiIE/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>

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

Menampilkan Widget ini Pada Semua Halaman

Login ke blog anda.
Klik dashboard > design > edit HTML.
Cari potongan kode xml pada template blog teman-teman (tekan CTRL + F pada keyboard teman-teman untuk menampilkan kotak pencarian di browser teman-teman untuk mempercepat pencarian).
```
</body>
```
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/AVvXsEjG7vBTeI2ueDIbxmMm7qbpe9r5xx9Ucv2JE84PvO7MGhyphenhyphenI0y1mggGVMkHfGaykOhp1EqpRA6zDFAT70j1l1jsPz6SYULA85jwEQbrcXItZ06f5YCShQ9WjmffFtVZQRjFtseyedJNSiIE/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 -->

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

Pilihan Animasi

Burung Twitter

Gunakan Kode :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjG7vBTeI2ueDIbxmMm7qbpe9r5xx9Ucv2JE84PvO7MGhyphenhyphenI0y1mggGVMkHfGaykOhp1EqpRA6zDFAT70j1l1jsPz6SYULA85jwEQbrcXItZ06f5YCShQ9WjmffFtVZQRjFtseyedJNSiIE/s1600/birdsprite.png
Stickman Twitter

Gunakan Kode :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrHOVKVh57yqz6DzP-hTgCJI_u7ZZ-tpqMmeykwcBiLC9bZmtikpzBvGpf7ePTY8Xm6N7IrxE7Rh2bdbRZqBh8Bi_jCOjDE35pnl8Vze6tVwivLWhyHt89-BhkokvQ_LGkLfk8ySPwnqA/s1600/birdsprite_MonozCore_Stickman.png
Star Scream Twitter

Gunakan Kode :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-IMqsayv5dKWSZh-nvTYgX_Aluz4-YbkfPYvI_FebKz6EljlkwZR8vlF_qrEt0w5rGuFXFlSOXkXjSoWqink_PTlK0h6friGK3atbr_xkBB829m3i8Hmvyby7RL9nJfrbC2tdKpUJ9OE/s1600/StarScream.png
Bat Twitter

Gunakan Kode :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoBtfQyYOcSdrh8sptYP1A6bCvzLn9tymT_0dYfIhfxaoIMHXLShwAAEQwZCFs3P2sdRFY8dw3jDG1zGWcaqr908XKcNUp5zMIlOjumVTrrXXphuC4-vTRgE16vHmbfgWcLnPD4ih3fXQ/s800/MonozCore.blogspot.com_BatTwitter.png
SantaBird Twitter

Gunakan Kode :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXCfVTW-VO7hNZSMRC7ztj05SZb7rcbtBW2N_qKcxFKNC5Q_Kag_WhVxWht_1C30Um-eF9TxCx4IhXqxAZNC2cUl4il0UZ7Ox4cH0T47T-3lVoQH0Z-zQ3zGLG0c0TK0GMAX37Uwtgj-k/s800/MonozCore.blogspot.com_SantaBirdTwitter.png
Dragon Twitter

Gunakan Kode :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTSFLinqdIMZN2lHm6y_aunnTec4ZQzfR-Si-UNzDxftxFt6x6e7q3KUZVNb_iPC6RmdO2z2mLyKeSkxJObxKY1bQx2cu67TB4l-IHHAaQ8Bwe5NfjIzukc5sR1j0yH9KeiUMOSMB4oZ4/s800/MonozCore.blogspot.com_Dragon_Twitter.png
DBZ Twitter

Gunakan Kode :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1izIvy1y9JoyjpIIy8HRJOvuVogUeH_p14LSdMLmIpZfDPLgQP9lTj4WiXgdlGMLK_V2jY0nqeajZ6mCEgY4DexpfvFQpGUz1LX_lwG0V_Dz7EAUyATKOuxJmhkO4rzeA1_COtcWubKg/s800/MonozCore.blogspot.com_DBZ_Twitter.png
Dracula Twitter

Gunakan Kode :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3EQiKvY3sYG1i-643RQoxU0g2sJtKzIs-vbwi1BhAbaTHQ6n9_9qtmTbzCV69r9swE65xCHBYFxNm9_vMShBhyphenhyphen-p2KsamFXqTsw1zPocs9iJdI1TxlgEaSYrIhRvevYIO0rFJj2VpgOWF/s800/Drakula.png