Script/Cara Membuat Widget Twitter Follow Us/Facebook Melayang di Blogsite

Konsep widget ini yaitu memberikan styling CSS: fixed position dan scrolling display pada link gambar untuk memberikan efek melayang.


Cara membuat/memasang twitter follow us/facebook page:
1. Masuk ke dashboard > Design > Klik Add a Gadget
2. Setelah pop up window muncul, pilih HTML/JavaScript
3. Kemudian copy script berikut: Untuk twitter
<br/><a style="display:scroll;position:fixed;bottom:200px;right:1px;" href="http://twitter.com/twitter_anda target="_blank"><img style="border:0;" src="http://1.bp.blogspot.com/-Hh4gBzsXHmo/TdIR-U8WOQI/AAAAAAAAAfQ/RnrqpPW62xU/s1600/floatingtwitter.png" /></a>
Untuk facebook
<a style="display:scroll;position:fixed;bottom:350px;right:1px;" href="http://facebook.com/facebook_anda" target="_blank"><img style="display:scroll;position:fixed;bottom:320px;left:1px;" src="http://www.careerfunda.in/images/facebook_vertical.gif" / height="86" width="33" /></a>
4. Paste kode yang sudah di edit ke kolom configure HTML/Javascript.
5. Ganti twitter_anda/facebook_anda dengan  nama account Twitter/Facebook anda. Jika anda ingin widget berada di sebelah kiri browser, ganti right dengan left.
6. Pratinjau dulu, jika berhasil klik save.
7. Refresh blog dan lihat hasilnya.
Selamat mencoba.

Post a Comment