Minggu, 08 April 2012

Membuat Burung Twitter terbang di Blogger

Sangat penting untuk menempatkan tombol-tombol jejaring sosial di blog.Disamping  untuk meningkatkan lalu lintas blog dari jejaring sosial itu sendiri,juga cukup membantu meningkatkan kepercayaan Google dengan banyaknya pengikut-pengikut blog dari jejaring sosial.

Facebook like box,Google Friend Connect dan tombol Follow Twitter adalah beberapa di antara sekian banyak tombol yang perlu Sob pasang di blog yang telah Sob buat di blogger atau pun blog dengan self hosting.
Kalau Sob biasanya melihat tombol Follow Twitter berupa gambar burung yang diam saja di blogger,kali ini kita akan membuat tombol Follow Twitter berupa gambar burung Twitter yang terbang laksana hidup.
Bagaimana membuatnya?gampang,perhatikan langkah-langkahnya berikut ini:
1. Login Ke Blogger>> Pilih Rancangan >> Elemen Laman >> Tambah Gadget >> Html/ java script
2. Masukkan kode berikut kolom Html/javascript
<!– floating twitter Bird –>
<script type=”text/javascript” src=”http://bloggerpeer.googlecode.com/files/tripleflap.js”></script>
<script type=”text/javascript”>
var birdSprite=”http://warnaburung.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/fathihariz“;
var tweetThisText = “Twitter – UserID http://fathi-mydiary.com/“;
tripleflapInit();
</script>

Ganti:

  • http://twitter.com/fathiharizz dengan akun twitter Sob.
  • http://fathi-mydiary.blogspot.com dengan URL blog Sob

    • Warna Kuning
      • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_mNcbzCP6GTIot1M1jEJl-9FJXOFG23P8DAHl2YahsOdO59eFd7iqOj2CsP0EVfUfAPP_Np5Bb6lwN_lGkkLrluJ9bDfP1z78DtUcCbh4zQTJi2qBY43pW8sS0_zmfkNRN3b1V9tWl4I/s1600/yellow+bird.png
      Warna Hitam
      • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1ag4s7ovf6TbyPbT0EBX9zGaKMea4ft48D1K2zuljLcwHgA0UfxkBFrRF91YeE8mBEnsgegrEJURwbMiaE6b2VqxJgYxL3kUtmG28ryxOXk1lEd_lJJJnm5XuzKEmJnm30ycEqZKmjFc/s1600/black+bird.png
      Warna Biru
      • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvmOghdjKQZ4NR-IqqAffQSYMl_2twWqPt1J9soyThyphenhyphenIYRd63CZiA-wXxUnJbedIG2JnLsTcVXSuCMkuFYSb8J2m1xhoZsFZWXG11sM0u0P13MemNZdCr_loiQCTAe5B99vu5B6i4EbcA/s1600/Blue+bird.png
      Warna Coklat
      • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLKgB1icNK05KqKRtZwZoFmjsh5IDZ3ZR_b_CJc-3CctCZV67BkLZjTHicNsmqulLRoSE5hmr2dC0mnno-uw6w3E97sGLAckI5G5IB1fb9b9WH4ytPNegiM_7b40x0HxFMLngGXjY2ig8/s1600/brown+bird.png
      Warna Hijau
      • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRB-FQ1Id7QrSD80c8flaoHn-UgOhcwEdMZf1PYMDOr8AC99mCKrTNH5UwjkP7mKy8fN0OeDc2_o1g38MQnJFCSMQsUP-uU9MCrXCtH6OrZFD4jP7HCPLgtX39ejBz5s4WBndxkC6XU9c/s1600/Green+bird.png
      Warna Ungu
      • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiknJZ3xset16r1ZNNAywD9-HR0UUv3lgDOdaNN_saIEnScHVquvIAG2tlchIlztMMS40r-mNQmWjIaHsPJKe3asTSHkiduz_z0-aYgIWcMXM75JcxEK84MLhoUPDt3UslDTKH6HzeNmKo/s1600/purple+bird.png
      Warna Putih
      • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6Y6mvobN9Db0PWoyO7HtZNdrEaAXoH0CrDgwVOYCcZ5LY7R5PQS7x3yF1vd1RfhUUy2rDQmmqvdr_k_75dxerx68-PxL4dUV8r4UXeDJgh5JYr7fCR-K-ZLtVs4pLbcYKsut6ETFlmBE/s1600/white+bird.png
      Warna Merah
      • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXhho7hX2_-0RXoeglAQApTbHu9MimfB1O_EpNFUVDmYzfjB0AFFz_Yh8-Ql6TOAnsM3kvUCgAADLNXfnJxiE9aIXDD3A5ZlEBAXhQo6jKrN4OzEilW2MkJgxHG9DgqAF30vFCa9wl6gw/s1600/red+bird.png
    Simpan dan lihat hasilnya.

0 komentar:

Twitter Delicious Facebook Digg Stumbleupon Favorites More