Cara Membuat Icon Twitter Burung Terbang

Cara Membuat Icon Twitter Burung Terbang

Salah satu jejaring sosial yang trend selain facebook adalah twitter. Memang
sih banyak sekali cara berinovasi supaya akun mereka yang tampil di blog lebih
menarik supaya para pengunjung blog akan tertarik untuk add di akun mereka sehingga
menambah jaring pertemanan menjadi semakin luas. Tetapi jangan sampai sobat
ketinggalan juga dengan trik yang satu ini, sesuai dengan judul diatas kali
ini saya akan memasang icon twitter burung tebang di blog. Dinamakan icon twitter
burung terbang karena icon twitter tersebut akan bisa terbang mengikuti arah
gerakan seperti terbang naik-turun dan bisa bertengger pada setiap kotak blog
atau situs.
Berikut langkah-langkahnya:

1. Masuk (Login) ke Dashboard Blogger anda.

2. Pilih Rancangan >> Element laman

3. Kemudian Tambahkan Gadged/Widget, pilih 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 = "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>

4. Ganti tulisan http://twitter.com/akuntwittersobat
dengan URL akun twitter anda

5. Kemudian Simpan
Semoga Berhasil......
Share:

6 komentar: