Cara Membuat Twitter Terbang di Blog

share

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

6) Apabila sudah selesai, klik SIMPAN

Semoga Artikel Cara Membuat Twitter Terbang di Blog dapat membantu anda :)