Siapa sich... yang ga kenal sama "twitter" ??? Pada kesempatan kali saya mencoba untuk membuat postingan artikel yang akan terus up-to-date tentang animasi burung terbang twitter. Buat temen - temen yang lagi suka nge-blog widget ini wajib untuk di pasang di blog-nya. By the way...anyway...bus-wae.. sering-sering berkunjung ke postingan artikel ini yaa untuk mendapatkan update widget burung terbang twitter ini...
Sebelum melangkah ke TKP ada baiknya saya share sedikit informasi tentang twitter. Definisi "twitter" kalo dalam bahasa inggris (twitt) 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 tuh...
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 postingan artukel ini saya share tentang widget twitter yang dinamis. Kalo widget ini di pasang di blog sobat pasti akan menambah daya tarik pengunjung yang sedang blog surfing di blog 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 saya akan memberikan 2 Opsi penempatan animasi burung twitter yaitu sobat 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]. Kalo sobat suka dengan postingan artikel ini silakan sobat bookmark blog ini atau tinggalkan jejak sobat di kotak komentar 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).
Penting !!! ada baiknya sobat blogger mem-backup terlebih dahulu template blog sobat untuk menghindari hal-hal yang tidak diinginkan dalam menerapkan widget ini.
Penting !!! ada baiknya sobat blogger mem-backup terlebih dahulu template blog sobat untuk menghindari hal-hal yang tidak diinginkan dalam menerapkan widget ini.
Menampilkan Widget ini Hanya Pada Halaman Utama Saja
- Login ke blog anda.
- Klik Template kemudian klik edit HTML.
- Cari potongan kode "</body>" pada template blog sobat (tekan CTRL + F pada keyboard anda untuk menampilkan kotak pencarian guna mempercepat pencarian).
- Copy - Paste kode berikut ini tepat di atas kode "</body>" atau bisa juga dipasang pada kotak gadget blog.
- Pada kode var birdSprite = 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKvW_4ouAUh040jCq5oBY1peJgouzsRZh7-dA2hYbe08xkVAPFwMxdLYnsbM6LUCmb_Bo_qOEhc73iefAayZmm1qeOtAGrFkBI_jfUSCz8D_eOFS4QgrO0hmF-NJ6vSv-VFKx_0mR1Ivg/s1600/birdsprite.png';
berguna untuk pilihan gambar burung twitter. Apabila sobat ingin mengganti gambar burung twitter dengan pilihan lain sobat tinggal mengganti link gambar yang berwarna biru dengan kode link untuk gambar pilihan yang sobat inginkan atau pilihan gambar yang ada di bawah. - Pada kode var twitterAccount = 'Nama Akun Twitter Kamu'; merupakan kode untuk nama akun twitter sobat. Silakan sobat isi sesuai dengan nama akun twitter sobat. Caranya : ganti kode Nama Akun Twitter Kamu dengan nama akun twitter sobat.
- Simpan kemudian lihat hasilnya.
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<!-- Twitter Bird Blogger edited by MonosBit -->
<script src="http://sites.google.com/site/monosbit/tripleflap.js" type="text/javascript"></script>
<script type="text/javascript">
var birdSprite='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKvW_4ouAUh040jCq5oBY1peJgouzsRZh7-dA2hYbe08xkVAPFwMxdLYnsbM6LUCmb_Bo_qOEhc73iefAayZmm1qeOtAGrFkBI_jfUSCz8D_eOFS4QgrO0hmF-NJ6vSv-VFKx_0mR1Ivg/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 = 'Nama Akun Twitter Kamu';
var tweetThisText = 'Nama Akun Twitter Kamu';
tripleflapInit();
</script>
<!-- Twitter Bird Blogger edited by MonosBit -->
</b:if>
Menampilkan Widget ini Pada Semua Halaman
- Login ke blog anda.
- Klik Template kemudian klik edit HTML.
- Cari potongan kode "</body>" pada template blog sobat (tekan CTRL + F pada keyboard anda untuk menampilkan kotak pencarian guna mempercepat pencarian).
- Copy - Paste kode berikut ini tepat di atas kode "</body>" atau bisa juga dipasang pada kotak gadget blog.
- Pada kode var birdSprite = 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKvW_4ouAUh040jCq5oBY1peJgouzsRZh7-dA2hYbe08xkVAPFwMxdLYnsbM6LUCmb_Bo_qOEhc73iefAayZmm1qeOtAGrFkBI_jfUSCz8D_eOFS4QgrO0hmF-NJ6vSv-VFKx_0mR1Ivg/s1600/birdsprite.png';
berguna untuk pilihan gambar burung twitter. Apabila sobat ingin mengganti gambar burung twitter dengan pilihan lain sobat tinggal mengganti link gambar yang berwarna biru dengan kode link untuk gambar pilihan yang sobat inginkan atau pilihan gambar yang ada di bawah. - Pada kode var twitterAccount = 'Nama Akun Twitter Kamu'; merupakan kode untuk nama akun twitter sobat. Silakan sobat isi sesuai dengan nama akun twitter sobat. Caranya : ganti kode Nama Akun Twitter Kamu dengan nama akun twitter sobat.
- Simpan kemudian lihat hasilnya.
<!-- Twitter Bird Blogger edited by MonosBit -->
<script src="http://sites.google.com/site/monosbit/tripleflap.js" type="text/javascript"></script>
<script type="text/javascript">
var birdSprite='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKvW_4ouAUh040jCq5oBY1peJgouzsRZh7-dA2hYbe08xkVAPFwMxdLYnsbM6LUCmb_Bo_qOEhc73iefAayZmm1qeOtAGrFkBI_jfUSCz8D_eOFS4QgrO0hmF-NJ6vSv-VFKx_0mR1Ivg/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 = 'Nama Akun Twitter Kamu';
var tweetThisText = 'Nama Akun Twitter Kamu';
tripleflapInit();</script>
<!-- Twitter Bird Blogger edited by MonosBit -->
Pilihan Burung Twitter
- Static Twitter Bird
Kode Link :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKvW_4ouAUh040jCq5oBY1peJgouzsRZh7-dA2hYbe08xkVAPFwMxdLYnsbM6LUCmb_Bo_qOEhc73iefAayZmm1qeOtAGrFkBI_jfUSCz8D_eOFS4QgrO0hmF-NJ6vSv-VFKx_0mR1Ivg/s1600/birdsprite.png - Animated Twitter BirdKode Link :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAR2ipOsUwKmwjc3CAl5wjG8OI837nlmn_o8PzVNkmhoZsV9_NHDyK0J4FQzudBG16CF89Ep9WUQVjDAC80w5UX0ZykjfUKzBMU5-OtoepIFssQCYqqkO26gTo5Wqb6tulGikx85zQ_no/s1600/bird_twitter.gif - Stickman Twitter
Kode Link :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOWT3ItYcCcb6BFk3gxEJo-2U_CVekgw5y0LkTv49Av88D9whkzrp8RzJJMR7ClJhNv1TmBY9T5uDv6Fx_BPhvUtEEXL1il0iw6qF4qWktvf_8aP0BsUuVkA3KwZyAAHimKFg5I0Xm9Qg/s1600/birdsprite_MonozCore_Stickman.png - Star Scream TwitterKode Link :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYjNL_QOu195KlsDYDROOQ4Gg3Tmv8Sk5YvdlQAychuiVEiHzTOeXr8xmVWu6IDJyViGfFu1xyUNsqs-9e0VuZP0ShYeiZK7Ru25pl2botm-DIO3yj84N74sPfM-pq7Xbzs1159EoK7MM/s1600/StarScream.png - Bat TwitterKode Link :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtdbQhn3xO4bNdYh90QQM-ONZCZFaHPDV36nBwINR6cy_W4zl3o_NA2t_gzg_3d4yTS4ukLCZ3m2f9jO_KGaBnqYhgSpho5Wrcfmj-YGIvluw4GabIuni5ncygZ5dK6mZ6Ayj1cZFu_aY/s800/MonozCore.blogspot.com_BatTwitter.png - SantaBird TwitterKode Link :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbOumH5jDJIEe8HQE_Eo9claUyBeCKp27kT0tw-t2lMhyphenhyphenb6T3wl3U0I_Qn_HuyBA6aHEteAjGMeXBmkENgrtaVpluT6cbNIbt9fsTjLSiAwiwAjFICexJNpr3C1UX1mvkX-GpewQIpOF4/s800/MonozCore.blogspot.com_SantaBirdTwitter.png - Dragon TwitterKode Link :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVDSqMc0rOXvaiF4c9dDOO_ZfEAzX2M2AxeVio6c-9oXcE-zW_35A5a1eBfoyjjoJMmqhJS0Z28qhQwKM_w370sZBdVwTkQjaqEEQrfUGgy_a5UfiRatb-h7zqFyEYVwtizSuREP753fg/s800/MonozCore.blogspot.com_Dragon_Twitter.png - DBZ TwitterKode Link :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGrCsH_p2wEvZXa3kJnJoHhP8zA_lH9_qqk_shRnv8tYWGUDcIwnfpTmnC-28W2UXf8f2_v-iCJO-76vPee5fImeWLqsxKUVHtTvCQ1z86BZgcjqlQt7vpZeM9XvFYNJQGBOjv_mnOB98/s800/MonozCore.blogspot.com_DBZ_Twitter.png - Dracula TwitterKode Link :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHlUihf3sRJdlJWJj3QYAByHHh_Q0I9WgvsTT6s1Pq8QYmcIPU9NyZtDxwYUzfHXHALvszFCOMtEKX5B_Y3QR90yxcaTKy-FuKIN0ZQQfAHdu8H6bwuu6pNEhSRr8gihi_SZj1yUtPRXUz/s800/Drakula.png - IronMan TwitterKode Link :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgg9OoQfubIMofLypSAp4k7IUzM6yKdLUCaIAIZHJkjAF-wMm7uH08Y7Q11aUrn7UiZIMMguZrh_dcymELjbGd2Z4zSmwLFlEzqt70ZaqU0Hr_JUGxrkZ1R_AhFzTMKq-6wFM4xvMQVAvxS/s800/MonozCore_blogspot_com_IronMan2.png - Gundamz 1 TwitterKode Link :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirGTxe90horV5e-GO4tdiGR5FXQ-RnTgkPuC25rQ_KkUNP-0vXc49DW322lQ6LMKgpAv5A5sc9J9WW8iJVJ8KNt0R0rN9jD-p3VLwUp83iACUPnGyBbpjAOmuy2ckG1j3zsOtd4jerQQwR/s800/gundam.png - Gundamz 2 TwitterKode Link :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLoypyVq5b6wqPOTJ0DmbFgAbKxN74PWCHoPvVh2BSkibch_KZ9e_VQD11hEqtHs5EuDtC3n9VxLLVUPLV8ZZ6b6VUORE0s9G9lz_bBSDzYDLpgTSunZvdkbZOVBZG0YqKN5ZM5YzHDzo/s1600/gundamz.png
Bagi yang ingin memberikan saran, kritik dan komentarnya saya persilakan, ga perlu malu sebab saya sudah siapkan kotak komentar di bawah artikel ini.
Article last update : 21-08-2015
:: Semoga Bermanfaat ::
0 Response to "Burung Terbang Twitter Di Blog"
Post a Comment