Cara Membuat Widget Follow Us twitter Fcabook Melayang di Blog/Blogspot

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 code berikut

untuk twitter

<br/><a style="display:scroll;position:fixed;bottom:200px;left:1px;" href="http://twitter.com/twitter_kamu target="_blank"><img style="border:0;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimskctxFIk7-JtbYYmH5Ps2xGUhpYiFvDhiRtS8aNsCGR1jyP9wgkzAXHe4u_79RuVjD-dGCxFnL9wuoJI0XG2YzIxypbTubOLEzCQZupSvMw0Ii2Uw94E8qM2vBIbF9eVNEjo7sladNE7/s1600/floatingtwitter.png" /></a>

untuk Facebook

<br><a style="display:scroll;position:fixed;bottom:350px;left:1px;" href="http://facebook.com/facebook_kamu target="_blank"><img style="display:scroll;position:fixed;bottom:320px;left:1px;" src="http://uptmadiun.com/wp-content/uploads/2011/04/facebook_icon.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.
sumber