Catatan Seorang Mahasiswa Teknik Informatika, yang ingin membagikan hasil karya dan catatannya ke publik agar berguna bagi yang lain.

Membuat Widget Burung Twitter Terbang Di Blog


Sehubungan dengan permintaan sahabat saya untuk mencarikan script Cara Membuat Shoutbox Melayang.
Kali ini saya akan mempostingkan tips Membuat Widget Burung Twitter Terbang Di Blog.

Lihatlah di sekitar blog saya terdapat seekor burung terbang yang jika di klik akan menuju ke akun twitter saya.

Baiklah, saya akan memberitahukan caranya :
  • Login Ke Blogger - Rancangan - Tambah Widget - HTML/Javascript
  •  Copypaste Script di bawah 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/irwansyahaha” 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 tulisan yang di cetak tebal berwarna biru (irwansyahaha) menjadi ID twitter punyamu kemudian save dan jadi deh, burung-burung tweet akan beterbangan di blogmu.
    Selamat Mencoba
     

No comments

Post a Comment

Terimakasih telah berkunjung di Irwansyahblog, Semoga bermaanfaat |
Tuliaskan komentar anda di bawah ini !