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="http://2.bp.blogspot.com/-7doZyLsr9yI/TqNtUCClP4I/AAAAAAAAAF8/ld0bdD3WWj8/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 (http://2.bp.blogspot.com/-7doZyLsr9yI/TqNtUCClP4I/AAAAAAAAAF8/ld0bdD3WWj8/s1600/burung+twitter+terbang.png),sobat bisa mengganti kodenya.Berikut adalah kode warn aicon burung twitternya
  1. Warna Kuning http://3.bp.blogspot.com/-xL1Dk6Bhi4g/TqN5gbyvSCI/AAAAAAAAAGM/jxsjBiRWMLw/s1600/yellow+bird.png
  2. Warna Hitam  http://1.bp.blogspot.com/-N3RvHfV3MUk/TqN5iPPqAEI/AAAAAAAAAGU/oYKSvsOj108/s1600/black+bird.png
  3. Warna Biru  http://3.bp.blogspot.com/-FNowQ1mqsLg/TqN5kxq86EI/AAAAAAAAAGc/VzatkjsUAEc/s1600/Blue+bird.png
  4. Warna Cokelat  http://3.bp.blogspot.com/-b-9ncuDJxm0/TqN5nrOnTCI/AAAAAAAAAGk/LREurKp_tLc/s1600/brown+bird.png
  5. Warna Hijau  http://3.bp.blogspot.com/-SJP4OZmyeCU/TqN5qcyXgGI/AAAAAAAAAGs/jKQaqHF9EkA/s1600/Green+bird.png
  6. Warna Merah  http://1.bp.blogspot.com/-knGCnCFCahI/TqN59awa61I/AAAAAAAAAHE/mniE1h9IW14/s1600/red+bird.png
  7. Warna Putih  http://1.bp.blogspot.com/-qsxd6A0vUFU/TqN5vZVI2-I/AAAAAAAAAG8/lb0Ol5Nbrvw/s1600/white+bird.png
  8. Warna Ungu  http://3.bp.blogspot.com/-Ec4JlrN6yc4/TqN5tIAXDpI/AAAAAAAAAG0/ywnjHeG4ASM/s1600/purple+bird.png 
  • Simpan dan lihat hasilnya

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

Posting Komentar