Home » » Cara membuat icon twitter burung terbang mengikuti mouse

Cara membuat icon twitter burung terbang mengikuti mouse

Widget ini berfungsi sebagai sarana umempermudah pengunjung blog untuk memfollow twiiter blog, Dengan menambahkan icon twiiter di blog agar twitter anda di follow berikut caranya
Caranya cukup mudah
1. Anda silahkan login ke blog anda
2. Menuju menu tambahkan widget edit HTML/javascript
3. Dan sekarang copy kode dibawah ini
dan paste pada kolom HTML/java script tadi.
 
<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/techgyo";var tweetThisText
= "Twitter - techGyo http://www.techgyo.com/";tripleflapInit();

</script>

<a id="theBird" href="http://twitter.com/akuntwittersobat"
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/techgyo"
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>

Ganti text yang berwarna hijau dengan URL twitter sobat blog dan setelah selesai sekarang save. Semoga bermanfaat tutorial ini semoga blog anda menjadi banyak pengunjung.

Tidak ada komentar:

Posting Komentar

Related Posts Plugin for WordPress, Blogger...
 
Support : Creating Website | Januarisah Pratama S Template | Mas Template
Copyright © 2011. Japrasi™ |Share ALL Your Information - All Rights Reserved
Template Modify by Creating Website
Proudly powered by Blogger