Shandy Anna Nevada Her is my inspiration

Daftar isi

Setelah memilih judul untuk melihat postingan silahkan menuju TAB BLOG

Blog

23 Mei 2011

Membuat Icon / Widget Twitter Burung Terbang

Lagi browsing nemu yang unik unik, kali ini mw share ajah ni cara bikin widget unik. Widgetnya yaitu burung yang bisa terbang alias link twitter gitu.
Pada saat browsing ada 2 versi yanh semuanya sama si fungsinya. Ok
yang pertama

<script type="text/javascript" src="http://kangdadang.googlecode.com/files/tripleflap.js"></script>
<script type="text/javascript">
var birdSprite="https://lh4.googleusercontent.com/-bf-9emzQDPw/TW-GN51FkjI/AAAAAAAAASM/MLKWWIn_U1s/s1600/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 = "URL_TWITTER_ANDA";var tweetThisText = "Twitter - ID_TWITTER_ANDA";tripleflapInit();
</script>


Keterangannya :
URL TWITTER : di isi "http://twitter.com/umarsandi"
ID TWITTER : di isi " @umarsandi"

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


Nah ganti aja account twitternya 'N beres deh

Med mencoba yah .... :D

Dari berbagai sumber Satu, dua

0 komentar:

Posting Komentar

Terima kasih atas komentarnya





► Shandy™ Edited by Fajar Umarsandi © 2013