[Tutorial] burung twitter terbang dalam blog

Salam...

dah lama kot tak buat tutorial..dah 3 minggu ke sebulan entah...mira busy la katakan.. Bila dah ada orang request tutorial..baru mira buat..kalau tak jangan buat. Tutorial nie telah direquest oleh Kyra

tengok dalam blog mira nie kan ada burung comel berterbangan disana sini menanti orang klik padanya..eceh...bila orang klik burung tu...akan keluarlah page twitter korang. Nanti ada la yang follow2 korang..

korang nak burung tu terbang-terbang diblog korang juga? Ini dia tutorialnya....

1. Dashboard > Design > Edit HTML

2. tekan CTRL+F atau F3 untuk cari perkataan </body>


3. Copy code di bawah nie dan pastekan sebelum code </body>

<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/USERNAME TWITTER ANDA";var tweetThisText = "Twitter - techGyo http://www.techgyo.com/";tripleflapInit();   </script><a id="theBird" href="http://twitter.com/USERNAME TWITTER ANDA" 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/USERNAME TWITTER ANDA" 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>

4. Tulisan warna biru tu gantikan dengan username akaun twitter korang la ye... 


5. Dah siap ganti tulisan warna biru tu? orait...tekan PREVIEW..nak tengok jadi ke tak..


6. Dah jadi? burung tu selamat terbang kesana kemari dalam blog korang? sila la tekan SAVE...


dah siap!!! mudah kan...


kalau dah buat..sila la komen ya..jadi ke tak jadi komen jugak..nak tengok ada tak respon untuk tutorial nie..

Selamat Mencuba

Semoga Berjaya..

Sayonara...