Tutorial 49 : Burung Twitter Terbang Melayang

 

Burung twitter sangatlah comel.

Lagi comel kalau dia terbang.

 Seperti di bawah. 

 Dan lagi comel kalau dia berada di dalam belog. Rasa nak picit-picit saja burung twitter itu..

Dan kerana itu aku nak ajar korang meletakkan burung twitter chomel ini di dalam belog.

Kalau korang nak tengok demo sila la menekan tangan di SINI 

Langkah-langkah :

1. Sign in blogger > Design > Add Gadget > Html/JavaScript
2. Copy code di bawah dan paste ke dalam Html/Java Script

<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/fara_idola";var tweetThisText = "Twitter - techGyo http://www.techgyo.com/";tripleflapInit();
   </script>
<a id="theBird" href="http://twitter.com/fara_idola" 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/fara_idola" 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 perlu diingatkan korang perlu mengubah perkataan yang di merah dan tukarkan kepada username twitter korang... ( ada tiga perkataan ( fara_idola ) yang perlu korang ganti ke username korang )

4. Lepas itu bolehlah SAVE dan tengoklah burung twitter terbang gembira di blog korang.

5. Tak faham jangan malu-malu arnab untuk bertanya kalau tak korang sesat dalam hutan.

p/s : Jangan malas nak LIKE kalau suka...

SHARE:

blog tutorial