Thursday, March 31, 2011

Burung terbang dalam blog anda

Salam, 

Tutorial ni aku amik dari satu blogs kawan. Trubute kepada Cik Azila, http://azilas.blogspot.com/

Cara-cara adalah seperti di bawah dan selamat mencuba.

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)

0 comments:

Post a Comment