Tutorial : Burung Twitter Terbang Melayang

http://2.bp.blogspot.com/-09X_qmv3wro/TZAM2VGPItI/AAAAAAAAAN0/eEVcuaQglj8/s1600/burng+twitt.png

Burung TWITTER tersangatlah kiut-miut..
Lagi kiut-miut kalau dia terbang macam kat bwh ni..


http://cdiqlife.com/wp-content/uploads/2011/03/birdsprite.png


Tapikan lagi comel kalau dia terbang dalam blog korang.. Rasa mcm nak peluk je burung TWITTER tu kan..
Dan kerana itu, Yana nak ajar korang cara nak letakkan burung TWITTER yang kiut-miut ini kat dalam blog..

Langkah-langkahnya :

1) Sign In   Design   Add Gadget   HTML/JavaScript
2) Copy code di bawah dan paste ke dalam HTML/JavaScript
<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 = "USERNAME TWITTER";var tweetThisText = "Twitter - techGyo http://www.techgyo.com/";tripleflapInit();
   </script>
<a id="theBird" href="USERNAME TWITTER" 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="USERNAME TWITTER" 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>
3) Sebelum korang SAVE, korang perlu ubah perkataan yang dimerah dan tukarkan kepada username twitter korang.. 

4) Lepas itu, korang bolehlah SAVE dan tengok burung twitter terbang dgn gembiranya di blog korang..

Tiada ulasan:

Catat Ulasan