Twitter, Burung Terbang Dalam Blog.

on Khamis, Mac 31, 2011

Assalamualaikum,
Salam 1 Dunia.

Permintaan dari black_mel supaya aku membuat tutorial burung Twitter yang terbang di dalam blog seperti di sini. Tutorial ini khas untuk blogspot.

Caranya:
1. Sila tukarkan link twitter di bawah ini pada link twitter anda.

<script src="http://techgyo.com/wp-content/FlyingTwitbird/tripleflap.js" type="text/javascript"></script> <script type="text/javascript">// <![CDATA[
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" 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;" href="http://twitter.com/techgyo" target="_blank"></a>
<a id="theBirdLtweet" 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;" title="tweet this" href="http://twitter.com/home?status=Twitter%20-%20techgyo%20http%3A//www.techgyo.com/" target="_blank"></a>
<a id="theBirdLfollow" 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;" title="follow me" href="http://twitter.com/techgyo" target="_blank"></a>


2. Anda hanya copy coding diatas dalam html blog anda. Copy dan paste sebelum </body> dan klik save.

Bagi pengguna Wordpress, anda boleh rujuk di SINI.
Kredit: Haru (http://cdiqlife.com)
Ranking: 5

11 comments

31 Mac 2011 12:53 PTG

salam..
thanks info
dan tutorialnya
lama dah dok perati
anak burung sapa
terlepas tu..
:D

31 Mac 2011 3:11 PTG

ha..comel je burung tuu.
:D

31 Mac 2011 5:59 PTG

Nice sharing
thx azi

31 Mac 2011 8:33 PTG

Canggih dan comel jugak tu jangan dilastik sudah abis skrin labtop :)

31 Mac 2011 9:19 PTG

@zulkbo
W'salam.
Jgn lastik udah la ye..

@saya_arief
hehe..

@pch
Cuba2..silakan..

@sop
welcome

@akuanakpahang
Ya la, jgn lastik. Kalau nk tangkap, tahan la jerat.hehe..

31 Mac 2011 10:59 PTG

owh..kena ada twitter ker...dh x ingat akaun twitter dh...daftar jer tp x pnh guna..apa2pun thnx for sharing..

31 Mac 2011 11:08 PTG

panjangnya code...
jemput ke penadigital jom join "5 Blog Paling Kerap Dilawati 2011"

31 Mac 2011 11:34 PTG

black_mel
Welcome. Kalau tak ada akaun twitter dan nak buat burung perhiasan pun ok jgk.

@PenaDidital
Panjang ke?
hehe...
Saya dah buat entry 5 blog tu sehari yang lepas. Terima kasih atas jemputan dan link tu..

31 Mac 2011 11:35 PTG

Yelah pening kepala dengan code-code tu...

Teratak usang memang cepat sambak dulu.....

3 April 2011 5:31 PTG

@PenaDigital
hehe...sabo je la..
blogger kena biasa dgn code2 ni, kalau tidak, dpt tgk blog org je yg cantik...

Catat Ulasan

Terima kasih kerana mengunjungi Teratak Usang serta meninggalkan komen di sini

 
© TERATAK USANG All Rights Reserved