Membuat Wiget Burung Twitter Beterbangan di Blog

Sebelumnya saya berterima kasih dulu sama System of Blog selaku sumber dari tutorial ini. jika burung twitter ini di klik maka akan mengarah pada akun twitter anda. Jika kalian Mengubah posisi cursor/scrolling maka burung inipun akan terbang berubah posisi. keren bukan??? langsung aja saya kasih cara untuk membuatnya...


1. Login Ke Blogger >> Rancangan >> Tambah Widget >> HTML/Javascript
2. Lalu masukkan Kode ini :

<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>

3. Ganti tulisan Biru-Biru (akuntwittersobat) menjadi ID twitter anda

Simpan deh... Burung mu (eh.. bukan burung yang itu..) Jadi dehh.... 

You currently reading text about Membuat Wiget Burung Twitter Beterbangan di Blog and if you want you can share Membuat Wiget Burung Twitter Beterbangan di Blog this with share button below.If you intend to Copy-Paste this article Membuat Wiget Burung Twitter Beterbangan di Blog to be posted on your blog, please to put a link Membuat Wiget Burung Twitter Beterbangan di Blog as the source by copying the code below.

<small><a href='http://blogger-download.blogspot.com/2011/04/membuat-wiget-burung-twitter.html'target='_blank'><strong><i>blogger-download.blogspot.com</i></strong></a></small>

Get this widget

Description : Membuat Wiget Burung Twitter Beterbangan di Blog
Rating : 4.5
Reviewer : Blogger Download
Item Reviewed : Membuat Wiget Burung Twitter Beterbangan di Blog