Membuat Burung Twitter Terbang di Blog

Ingin punya burung twitter di blog mu ??
Pengetahuan baru ne.
Lihat deh blog saya..
Ada burungnya kan ??
Yah, seperti itulah burung yang akan kita buat sekarang...
Burungnya bisa berterbangan terus menerus, bahkan begitu kita scroll ke bawah otomastis burungnya akan mengikuti ke bawah dan begitu burungnya di klik maka menuju pada akun twitter kita ..

Keren kan ???
Caranya sebagai berikut.

1. Masuk ke blog anda
2. Pilih Rancangan
3. Pilih Elemen Laman
4. Tambah Gadget "HTML/Javascript"
5. Lalu masukkan script berikut.

    <script type="text/javascript" src="http://techgyo.com/wp-content/FlyingTwitbird/tripleflap.js"></script>
    <script type="text/javascript">
    var birdSprite="http://techgyo.com/wp-content/FlyingTwitbird/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/techgyo";var tweetThisText = "Twitter - techGyo http://www.techgyo.com/";tripleflapInit();
    </script>
    <a id="theBird" href="http://twitter.com/akuntwitterkamu" target="_blank" style="display: block; position: absolute; width: 64px; height: 64px; background-image: url(http://techgyo.com/wp-content/FlyingTwitbird/birdsprite.png); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; z-index: 947; left: 0px; top: 587px; background-position: 0px 0px; background-repeat: no-repeat no-repeat; "></a>
    <a id="theBirdLtweet" href="http://twitter.com/home?status=Twitter%20-%20techgyo%20http%3A//www.techgyo.com/" target="_blank" title="tweet this" style="position: absolute; background-image: url(http://techgyo.com/wp-content/FlyingTwitbird/birdsprite.png); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; width: 58px; height: 30px; z-index: 951; left: 49px; top: 583px; display: none; opacity: 0; background-position: -64px 0px; background-repeat: no-repeat no-repeat; "></a>
    <a id="theBirdLfollow" href="http://twitter.com/techgyo" target="_blank" title="follow me" style="position: absolute; background-image: url(http://techgyo.com/wp-content/FlyingTwitbird/birdsprite.png); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; width: 58px; height: 20px; z-index: 952; left: 54px; top: 613px; display: none; opacity: 0; background-position: -64px -30px; background-repeat: no-repeat no-repeat; "></a>

6. Ganti tulisan berwarna biru dengan id twitter kamu...
7. Save dan lihat sekarang blogmu...
8. Semoga berguna :)

Related Articles