Beranda
Monday, April 4, 2011
Membuat Wiget Burung Twitter Beterbangan di Blog
Sebelumnya saya berterima kasih dulu sama System of Blog selaku sumber dari tutorial ini. membuat Burung Twitter Berterbangan di Blog contohnya pada halaman ini, terlihat keren bukan? jika burung itu di klik maka akan mengarah pada akun twitter anda.. Jika kalian Mengubah posisi cursor/scrolling maka burung inipun akan terbang berubah posisi.
Keren Kan? Gimana cara membuatnya? Sebenernya gampang...
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....
Diposkan oleh
Blog Penyejuk Hati
di
12:58 AM
Email This
BlogThis!
Share to Twitter
Share to Facebook
sms gratis
Blog Archive
-
▼
2011
(21)
-
▼
April
(14)
- Cara Mengganti Cursor Di Blog
- Membuat Marquee ( Text Berjalan )
- CARA MEMBUAT JAM MENGIKUTI CURSOR
- Photo Effects Online | PhotoFaceFun.com - make fun...
- Setting Blog
- Memblokir Klik Kanan di Blog
- Memasang Fitur Chat Atau Buku Tamu Di Blog
- Memasang Translator Di Blog
- Membuat Cursor Bertabur Bintang
- Memasang Widget I Love Indonesia
- Cara Menampilkan Jam Islami Di Blog Anda
- tips memasukan jadwal sholat pada blog
- Membuat Wiget Burung Twitter Beterbangan di Blog
- Membuat Widget Earth Hour di Blog
-
▼
April
(14)
Followers
About Me
- Blog Penyejuk Hati
- Bandung, Jawa Barat, Indonesia
- Hidup begitu lengkap, saat kita melengkapi hidup orang lain...