9 Mar 2012

Cara Membuat Burung Twitter Di Blog

Burung Twitter Beterbangan Pada Situs Blogspot Anda yah itulah tutorial blog htc di minggu sore ini ha,ha,, dimana semalam saya sudah posting Cara Disable KLIK KANAN PADA BLOG

Cara Membuat Widget Burung Twitter Terbang Di Blog


dan selanjutnya pun masih akan terus berlanjut dengan tutorial tutorial dasar namun akan saya sortir dengan hasil pencarian google yang lumayan banyak di cari orang termasuk Membuat Widget Burung Twitter Terbang Di Blog

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&#8243;,”h2&#8243;,”h3&#8243;,”h4&#8243;,”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/ojel88” 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 merah (ojel88) menjadi ID twitter punyamu kemudian save dan jadi deh, burung-burung tweet akan beterbangan di blogmu.
Selamat Mencoba dan semoga berhasil sekian posting artikel tentang Membuat Widget Burung Twitter Terbang Di Blog

0 komentar:

Posting Komentar