Membuat Widget Burung Twitter Terbang Di Blog
Berikut ini adalah 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.:D
Keren Kan? nih cara bikinnya:roll:..
1. Login Ke Blogger >> Rancangan >> Tambah Widget >> HTML/Javascript
2. Masukkan Kode ini :
;
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; “>
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; “>
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; “>
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 Mencoba8)
0 komentar:
Posting Komentar