Labels

B.Indonesia (4) b.inggris (3) b.sunda (1) biografi (2) Biologi (7) cerita pengalaman (18) cerpen (2) Cheat Point Blank (20) Cheats (18) cracking (3) ekonomi (2) Fisika (13) games (3) Geografi (5) hari raya (1) HPO (1) informasi (11) jualan (3) kimia (20) koleksi (3) matematika (8) musik (1) ngakak (16) ninja saga (9) Pelajaran (127) Pengetahuan (52) perenungan (27) PKN (29) PLH (6) rajutan (1) rempah (1) Request (7) sejarah (8) Seni Budaya (7) Seram (2) sinopsis film (2) software (10) sosiologi (2) story telling (1) TIK (13) tugas (121) Tutorial (38)

Tuesday, September 6, 2011

Cara Membuat Widget Twitter Follow Us Melayang di Blogger/Blogspot

Konsep widget ini sama dengan tombol back to top melayang Blogger beberapa waktu yang lalu, yaitu dengan memberikan styling CSS: fixed position dan scrolling display pada link gambar untuk memberikan efek melayang.

Cara membuat/memasang:
1. . Masuk ke dashboard > Design/Rancangan > Klik Add a Gadget
2. Setelah pop up window muncul, pilih opsi HTML/Javascript
3. Kemudian copy kode berikut:
<br/><a style="display:scroll;position:fixed;bottom:200px;right:1px;" href="http://twitter.com/azmisurvivor target="_blank"><img style="border:0;" src="http://1.bp.blogspot.com/-Hh4gBzsXHmo/TdIR-U8WOQI/AAAAAAAAAfQ/RnrqpPW62xU/s1600/floatingtwitter.png" /></a>
Ganti azmisurvivor dengan  nama account Twitter anda. Jika anda ingin widget berada di sebelah kiri browser, ganti right dengan left.
4. Paste kode yang sudah di edit ke kolom configure HTML/Javascript.

 
5. Klik save.
6. Refresh blog dan lihat hasilnya.
Done and cheers!

Cara Membuat Widget Twitter Follow Us Melayang di Blogger/Blogspot
Reactions:

0 comments:

Post a Comment

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | Hot Sonakshi Sinha, Car Price in India