Cara Membuat "Icon Burung Twitter" Terbang Di Blog

Cara Membuat "Icon Burung Twitter" Terbang Di Blog

cara membuat icon burung twitter di blog

Mungkin sebelumnya banyak sekali blog-blog lain yang pernah membahas tentang artikel yang sejenis. Dan sebenarnya memang banyak sih yang menulis tentang artikel tentang burung twitter terbang di blog. Namun,di sini akoe hanya ingin mengingatkan kepada sobat blogger tentang cara membuat burung twitter terbang di blog. Dan bagi sobat yang belum tahu,semoga artikel ini bisa membantu sobat dalam prosesnya.

Dalam pembuatannya,sebenarnya sama saja dengan cara memasang widget di blog pada umumnya. Namun bedanya sobat harus mempunyai sebuah akun twitter dulu untuk bisa mempercantik blognya dengan icon burung twitter yang terbang di blog. Bagaimana? Sudah siap untuk memulai?
Untuk membuatnya silahkan sobat ikuti langkah-langkah di bawah ini:

  • Login ke Blogger
  • Klik Tata Letak
  • Klik Add Gadget atau Tambah Gadget
  • Pilih opsi HTML/JavaScript
  • Copy dan Paste kode di bawah ini ke dalamnya

<!-- floating twitter Bird -->
<script type="text/javascript" src="http://bloggerpeer.googlecode.com/files/tripleflap.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyPpgWm3mgRfTxwN8SbNhcHX2YOHE3ephAXNsBgXFEKRX719tr6sDCtd-AfK-odrkofeOG_KQ8tAao_R4yuQfAC99v8VVlOZQQLSea9zqGopZ2T3bE9woC5379X6WK7vfRplxR-e7Gcvg/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/Username";
var tweetThisText = "Twitter - UserID http://bloggerpeer.blogspot.com/";
tripleflapInit();
</script>
  • Ganti tulisan Username dengan nama pengguna (username) akun Twitter sobat
  • Jika tak punya akun twitter dan tak ingin membuatnya tetapi masih ingin menampilkan "icon burung twitter" terbang di blog,triknya adalah ganti tulisan Username dengan Login.Jadi akan tampak seperti ini http://twitter.com/Login
  • Untuk mengganti warna icon burung twitternya (https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyPpgWm3mgRfTxwN8SbNhcHX2YOHE3ephAXNsBgXFEKRX719tr6sDCtd-AfK-odrkofeOG_KQ8tAao_R4yuQfAC99v8VVlOZQQLSea9zqGopZ2T3bE9woC5379X6WK7vfRplxR-e7Gcvg/s1600/burung+twitter+terbang.png),sobat bisa mengganti kodenya.Berikut adalah kode warn aicon burung twitternya
  1. Warna Kuning https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtGLGDetWcq0gYqOaoc4whBTdufmnPDEajyoHK3VicXwJmshX4h7r2lYuxE5zo_b_JF8ts14sFGkN71aBHCRbha7YD48mS8pnk-mLdVIbOLkVKNPNGg3qMNhA4AAdue2YygDIViXCDqHk/s1600/yellow+bird.png
  2. Warna Hitam  https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4WbtEOlL8OIRqhUWXzD0nhzvo7Xaty9G5fX9M0aBAM7AReu4LLXu0siahG6XOmurUCkVriF5PWnxmXEFDYbGzt8bS6n8z39HcsDIZ_KoJNeIgBsk4Lg9vwLDxG6M8zlCH0CS_Zts4VX4/s1600/black+bird.png
  3. Warna Biru  https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfLv-ka2MxFW8hVRXmrjO4ywFljaUM2qifcekjBKxux2V4lcq1qowhI6Qx8xJOYxCFW_jG2amtzs9v9qtw9YM3oLiInGL1H9VYRv8LZO6kCS6AxhqT05F0_m72oFUhZX2cntVDo1Ea_ck/s1600/Blue+bird.png
  4. Warna Cokelat  https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4GQu7BY3BcaCYydEPLC0I0Y39I8A7K76U5tHRKHfOXO0UYk3buYT39Epb1or8F-htJ7aPBpg9EVxfO2vKaflAQL4rInDq_LHzp2-5J9Bm1MmEB-bEyB5K3MBw1Rf5W-wJTKsotYls2A8/s1600/brown+bird.png
  5. Warna Hijau  https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdp1V7VNhyphenhyphenOVRwitbHYz-rbGTh6iNRzdIxrj54cGN97V_gMvVQIE6HRRazqdnRBXDRpEoIBXBaZFrLrs1T39NnS4bznsuXcQTpxO3FeNRBY5WpXhBxBIMLE2LvNv2c9oHOonmhBBLkXL0/s1600/Green+bird.png
  6. Warna Merah  https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyDCS7KqU5IL2MoXpXjbWb7snq0yM03bmqwcIjyv5ukmg7g0SEK47O0ClZhyZvG1k2HWJfFFanCfV0qJrgxrRFe4C404wVE0orLc4k8702Qr1pO1Re0y4J1M42F3Tk6Sgq7yl_Wtg7bA8/s1600/red+bird.png
  7. Warna Putih  https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEij3lixgqwC-DpmT13YA1ifSETUoAzIArVTE6uECXiXdagR54vzXqaMSoUXFhKvCh-bI0JREHR48PijmtYFW8a22LqPvOAZlzh6tFHqmiWBNF2087XhCrk4ivZeeMqGsFjQvflnmFyPlp0/s1600/white+bird.png
  8. Warna Ungu  https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuczVXlsE38gsm_PlWMRc5lzyzwWQ816z0CiyOq0liGtROh52Urrqs4oLD4s2XRaFkTqV8onKYxZFeZjdiRgdmyQB2xA88GvIluAbq_wUssRIM1cfXWkXhF6CqR_yKW11TkYf9Mq6q6zU/s1600/purple+bird.png 
  • Simpan dan lihat hasilnya