Cara Mudah Membuat Widget Burung Twitter Terbang Di Blogspot

Kamis, Januari 03, 2013

Cara membuat / memasang widget burung Twitter terbang di Blogger, mungkin trik ini sudah tidak asing lagi bagi sobat dan sudah banyak sekali saya melihat blog yang sudah memasang widget burung Twitter terbang ini dengan berbagai macam style dan warna burung Twitter yang berbeda-beda, sekarang saya akan mengulas kembali khusus buat teman-teman blogger yang baru membuat blog dengan platform blogspot
Memasang Burung Twitter Terbang di Blogspot
Twitter adalah layanan jejaring sosial yang sangat populer sekarang ini selain Facebook dan Google+ dan tidak salah banyak orang yang beramai-ramai untuk menjalin koneksi melalui Twitter apakah itu untuk keperluan bisnis maupun hanya sekedar berteman saja, nah bagi sobat yang mempunyai blog tidak ada salahnya memasang widget menarik ini selain membuat blog sobat cantik dan unik, widget ini juga mempermudah sobat untuk menjalin pertemanan baru dengan pembaca blog sobat, hanya dengan sekali klik pada burung twitter yang terbang maka akan otomatis terhubung dengan profile Twitter sobat.

Ok tanpa panjang lebar mari kita kupas bersama-sama cara memasang widget ini
  • Pertama-tama silahkan login di Blogger
  • Klik Design > Page Element > Add Gadget > Html/Javascript
  • Copy paste kode di bawah ini ke kolom Html/javascript

<!-- floating twitter Bird -->
<script type="text/javascript" src="http://zuazz.googlecode.com/files/tripleflap.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXGcxmxymrvcH__sySFFaeiSYK3HHdt-1WeUY56JvSKQomMrwl4YJM4AZOBLATfxOYNLz446sRsC3DX3ZaR4tkeqqamJ9la_TgC3uSV5gYo-r8M_NZkJIWnwluReeSLc5H6XTJ4uVK3Ww/s1600/burung+twitter+terbang.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/Akun Twitter sobat";
var tweetThisText = "Twitter - UserID http://zuazz.blogspot.com/";
tripleflapInit();
</script>

  • Ganti kode yang berwarna biru dengan akun Twitter sobat
  • Ganti kode warna merah bila ingin mengganti warna burung twitter dengan kode yang telah disediakan dibawah
  • Simpan dan lihat hasilnya.
 Warna Pilihan Burung Twitter


Warna Kuning
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiGuZSw7JvX3cK4Eoo2whqVBIODdKpnCPrAdU24JdTRHUAxTT7g3ssLM16OfzWEQ3WbnK3v74F97he8mOgWaQir-0Oi01CzP2XKrJh3BqOiv0IPxb62d3PrEyqaFMXbCWntcj2zJbCVJA/s1600/yellow+bird.png
 
Warna Hitam
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWHaA9-44ow7vqQqx1nfnmAsbd2Dgg2UvD-PEX7b-bV9T_mOi4QjdnJcG8SCj020TWoWzrTJdTjSG50-JQV49VmkfCP39f5oZwIV19hkNqWRoXTLAL78fCArY3HllWt8Lh6E7-PEYv7x0/s1600/black+bird.png
 
Warna Biru
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjygDDP1p4iY4aydkkprQNT7UCj-Lt2Ifh6Lvuoxlr-55l4y-YVjzic6vZqG1zaKrLefBMDk8P6uvrLuhJ_KZaZL_MfkEZK_gC1sGe34CW9A76Qu6pHdypEgrX-kya0yZOfmJiWpwx4zA/s1600/Blue+bird.png
 
Warna Coklat
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpCRT4IjhGA7vwLDi0BB0IbqZ0ppYFVOaDaFhxXoZ7RTGAN1dCke_-LKM-PfWRhnKPDfnzgMBHr8EQy3SW9NhNab_6TPamgUuHhzxVpmxZJjz9Ku5_YRITTns4BhIrJeUJ7hD4ulP1APk/s1600/brown+bird.png
 
Warna Hijau
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiPTIBb8Bej2XWf5wAkY06dE0z0ceExnVtkHbMwwXEN_b449rH6svsbgiOQWDJNI1VbN2GE1x8ntrm9TD65qutJ09glbJgL-Co6UEz5V0KEf-t70BV0vHqjd0etmMKDZ8DZQctbm5rgQ8/s1600/Green+bird.png
 
Warna Ungu
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCi7lnzXFSjLKeWnLFdNvJ0PR_S9IAapaj_oR9DNNG360tomm9i0lORNcRB7hl-W-WsNeTwiGQkCydAanIqed3esj6A4AR0lRDMFFtY0wUA3slAcQpo2NWQG7obryOgSm0pe1rPA6Mwjs/s1600/purple+bird.png
Warna Putih
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrG-oXO4fF6E3GeZw4wF0vAqnlLPzlociH9JdZH6pI3KWRpAxQarNTkwpZBdrAnmZsZTYLFwamsCIaOww_kBxjqC6bu9Ez8hplCu9LwruxCDhgbZyy5td_YPt5Zrk7bs687UuWqNguH5g/s1600/white+bird.png
 
Warna Merah
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkmRMUeSfwDFol9Bd8lwApXYTKHpvpXbiWVlHQ7RPko15YFhyphenhyphenSchOSFITcelG6X4WMT0CFyjSMFFbaufuIa7UfIPDBxkKE1R_CU5qaSGFJwN6n7-dX9snG8U6B0oXawAWAY8Ra-ZNwUNs/s1600/red+bird.png 


 Selamat mencoba ya Sobat

Sumber :<a href="http://zuazz.blogspot.com/2012/02/membuat-widget-burung-twitter-terbang.html" target="_blank">Membuat Widget Burung Twitter Terbang Di Blogspot</a>
 

0 komentar:

Posting Komentar

Komentar yang bagus ya...! Oh iya Sobat yang mau tukaran link, link saya ada dibawah kotak komentar, klik Buat sebuah Link kopy dan komentar supaya saya bisa followback Sobat.
KLIK LIKE disamping kanan blog. ok You Like Me, I Like You

 
© Copyright 2010-2011 Info-Net All Rights Reserved.
Template Design by Herdiansyah Hamzah | Published by Borneo Templates | Powered by Blogger.com.