Cara Membuat Twitter Terbang di Blog

Diposting oleh ihsan's bloger on Selasa, 20 Desember 2011

nah pada tutorial kali ini saya akan menjelaskan cara membuat twitter beterbangan, sesuai dengan request cinema3minion.

kalau dilihat di blog saya, ada di sisi pojok kiri, nih previewnya

Flying Twitter ini sangat berguna sekali untuk menarik perhatian para pengunjung blog/website. apabila scroll bar diturunkan kebawa maka dia akan mengikuti dan bertengger ditempat-tempat yang sedang kamu lihat.
cara membuatnya sangat mudah, berikut adalah langkah-langkahnya:

1) login ke akun blogger anda

2) pilih rancangan

3) setelah itu pilih gadget HTML/javascript

4) Masukin script dibawah ini di gadget tadi.

<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/NAMA KAMU" target="_new" 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>

5) supaya nggak keliatan gadgetnya tapi burungnya keliatan, jangan diberi judul, seperti dibawah ini