Selasa, 13 November 2012

Cara Buat Icon Burung Terbang Twitter di Blogspot




Pernah melihat burung terbarng (Icon Twittter) di blog?, ya itu merupakan tools untuk follow akun twitter. Jika sobat klik icon tersebut maka soba akan langsung dibawa ke situs akun twitter tersebut.

Icon twitter tersebut akan selalu terbang ke arah yang terbuka, artinya apabila sobat gerakkan kursor mouse kebawah dan icon tersebut tersembunyi maka secara otomatis icon burung twitter akan terbang ke area yang bisa terlihat. Bentuknya seperti ini :


Langkah-Langkah Berikut :


1. Login ke blog sobat

2. Lalu buka => Tata Letak => Elemen Halaman => Tambah Gadget => HTML/Javascript

3. Lalu masukkkan kode berikut kedalamnya :
<script type="text/javascript" src="http://imemovaz.googlecode.com/files/tripleflap.js"></script> <script type="text/javascript"> var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4U4vlP6_qFXFe0Xi52TeqQ2vieqtnyqiselbjprHKy8-OEm8gzWfifPfcFNDoea8_QmfEq4i8utH_YwcinJfEtR9bp-cLypjhsNMtyC-GovwNwrLf3QZEBDuYKGt1fHRc8KA8X8kQ2BOs/s1600/birdsprite.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/puttter";var tweetThisText = "http://mankita.blogspot.com/";tripleflapInit(); </script>
Perhatikan :
# Ganti yang berwarna merah dengan Link Twitter sobat, contohnya seperti link twitter saya : http://twitter.com/puttter.
# Ganti yang berwarna biru dengan status yang sobat nanti yang akan posting di twitter. Itu akan berguna ketika tulisan  disamping burung yang diklik.

4. Lalu klik save, lalu refresh blog sobat, nanti akan terlihat Icon Burung terbang twitter di blog sobat.




Tidak ada komentar:

Jika anda ingin Copy artikel ini,saya perbolehkan tapi harap tinggalkan Komentar + Like + Bagikan dan letakan SUMBERnya...ok