Membuat Widget Burung Twitter Terbang Di Blog

twitter 
Berikut cara dan script untuk membuat burung-burung twitter berterbangan di halaman blog kalian. Jika Burung Tweet itu di klik, maka akan membuka akun twitter yang kita miliki. Bahkan, jika kita men-scroll page, maka Burung Tweet pun akan terbang berubah posisi.



 


Keren Kan? Begini cara buatnya..
1. Login Ke Blogger >> Rancangan >> Tambah Widget >> HTML/Javascript
2. 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/akuntwitterkamu” 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 yang di cetak tebal berwarna biru (akuntwitterkamu) menjadi ID twitter punyamu kemudian save dan jadi deh, burung-burung tweet akan beterbangan di blogmu
Selamat Mencoba

Comments

  1. Mantabb sob .. Informasing yang berguna. :D

    ReplyDelete
  2. Hebat gan teknik optimasi SEO nya, begitu saya ketik "blog widget burung twitter" mbah google langsung aja nyodorin blog nya agan di posisi ke-2...jadi mampir dech....

    kebetulan gan cuma mo sedikit info biar uptodate nich postingan artikel yang satu ini...saya juga punya artikel unik dan menarik seputar blogging dan juga saya punya banyak koleksi animasi burung terbang twitter seperti : naga merah, dragon ball, kekelawar, Transformer (StarScream Decepticon) dll, yang merupakan kebanyakan hasil olahan ane sendiri....

    Kalo sempat mampir gan...Sekaligus saya dibagi tipsnya buat optimasi SEO biar blog saya bisa ke index mbah google....

    http://monozcore.blogspot.com/2011/08/blog-widget-burung-terbang-twitter.html

    MonozCore

    Trims...

    ReplyDelete
  3. hasilnya nihil,,,,,,, (-_-")
    http://intipss.blogspot.com/

    ReplyDelete

Post a Comment

Popular posts from this blog

Pemerkosaan Perempuan Amoi di Jakarta Saat Insiden Mei 1998

Puffin Web Browser - Android/IOS

Skandal Menik dan Ayah Angkatnya