Jumat, 14 September 2012

Cara Membuat "Icon Burung Twitter" Terbang Di Blog

Cara Membuat "Icon Burung Twitter" Terbang Di Blog...................mungkin sebelumnya banyak sekali blog-blog lain yang pernah membahas tentang arikel 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 atau Rancangan
  • Klik Elemen Laman
  • 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/AVvXsEgbc_hCBelOTERQIKT3P01MIZYjGWyEhfAxB0leHLb8PnPo_agiaJ8phA4uoH82zO6_iZVX1Oe2ieB33UN8stmgxP6ZaryOx8eYLiMJh3PKmKmpwO8MN4Nm547W2ixzaD3TN3TJrgksrSk/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
  • Untuk mengganti warna icon burung twitternya (https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbc_hCBelOTERQIKT3P01MIZYjGWyEhfAxB0leHLb8PnPo_agiaJ8phA4uoH82zO6_iZVX1Oe2ieB33UN8stmgxP6ZaryOx8eYLiMJh3PKmKmpwO8MN4Nm547W2ixzaD3TN3TJrgksrSk/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/AVvXsEhhVhppSZGiWbaPMRfkENu4RF-gTtdqvEzPMGUpM2bzsAaMxWm_7K7tW_-JVkJ692zn5ALQTqg8kvJuw1iv0LZZF9I7kGp68SfyBaXujzbbUdoBGNssa74JsYuLxk1K-CkOVfn5xS_8_oc/s1600/yellow+bird.png
  2. Warna Hitam  https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWiz4o8ax3kzopWVW-yOwp1Pl3trK9SmCwuhcrld-yY0dtJ3qcZGZGt40YJH2tLm5LTdy9jKHbBA10xTRP08L4sluWLibsW0eJALlL2H1Ldt3gomUhbhLzSP4JoW-z0hYOBnl-6EjYQW8/s1600/black+bird.png
  3. Warna Biru  https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpu_dGD4eJ2iPCrYHVITFHOBI6YLZrrsoRhWNPAuRV8HGv06EinV-IbsVsRMGMZ9ALvwgyXR_3z-FQrnD6vbN9ks0wwpW52mml_zYOYdJBZxJA9S0A9_RNpo0YvAPmShjYVXvvHGfa6Rk/s1600/Blue+bird.png
  4. Warna Cokelat  https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7hzzmWTJPYYpWQ9iSBmwZLY1l-jyQbpuyZP1wmvTwqVgwR8MHCKHJ8LXmeLsqUvHOFtweyBMC4oRG0waJhy2ysUOkc9bY1lDQXzk0Q3CRbH2SakE9Ls6MJpdgSg2niL3wjZYsT6ZA5KQ/s1600/brown+bird.png
  5. Warna Hijau  https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixkDKtoZhJA43K1x_TQX943-JqGTihaQYB4edgkwgJEO_xVz-72emHP61cFfiGfzbaG8E_-uCH1uX6PUoD56NTvw5V23CNjZ7HGRc8fsBCDVeQjsRK_S7tSvYtKRA2XnXwPuEIsAHmgKY/s1600/Green+bird.png
  6. Warna Merah  https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNyu7gTREL-p6OjHCrigJXt3Pag2vqC-ehWrk0AyVysyYLE4Q_9pcqQd-f1NA8OrqQDzWe7tUNZz12fukDZJyvdGjev0fFSjeXsds9Pe2fzGszIkv5BlRnVxOgouRkn1o24SUpOCfdEKk/s1600/red+bird.png
  7. Warna Putih  https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGiU47VTxuitj1loBXU07guDsc459HYbs-qVtSlC_kVLHppfIpIR2URKOorYG1fBbvqaOsrwUD2JXV5MdPtJevocor0MkvAJRC1amXb5q8udT2OhyphenhyphenUEOzsX9CGP8w8ckAJcZzyLnUhTdk/s1600/white+bird.png
  8. Warna Ungu  https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghMiSc12HBnInTZFMVZtPkNUr1ANbujts8VvpNs6A3zPRc33_ISC2T0OAWvh5Ct2B6_J4Q-D2BeI00vMNEk15c5ISJ7o5NhKnVVBHawWt0y71snvq4KmV6QBoOUg8n1r3EPosRRqigXDE/s1600/purple+bird.png 
  • Simpan dan lihat hasilnya

author

This post was written by: Franklin Manuel

Franklin Manuel is a professional blogger, web designer and front end web developer. Follow him on Twitter

0 Responses to “Cara Membuat "Icon Burung Twitter" Terbang Di Blog”

Posting Komentar

Langganan: Posting Komentar (Atom)
All Rights Reserved Cyber Software | Blogger Template by Bloggermint
Sponsored by Florida Phone Book, Florida Accountants, Optician Jobs