Widget Facebook

Cara Mepercantik Widget Fan Page Facebook Di Blog/Blogspot : Setelah sebelumnya bungas share artikel tentang fan page facebook juga yaitu Cara mempercantik fan page/like box facebook auto hide di blogspot kali ini akan share lagi tentang fan page facebook. Tapi, fan page facebook kali ini akan lebih menarik, karena fan page ini akan muncul sendiri di sebealah kanan bawah blog. Dengan fan page seperti ini tentunya akan menarik perhatian pengunjung blog kita. Kelebihan yang lain adalah fan page ini akan terasa hidup karena dengan bantuan javascript fan page tersebut bisa muncul sendiri secara otomatis dan akan lebih keren.
Langsung aja cara buatnya :
1. Logi ke bloger anda
2. Pilih tata letak dan tambah widget
3. Pilih HTML JavaScript
4. Copykan kode di bawah ini ke dalah box widget HTML JavaScript

<script src="http://bungas-barubelajar.googlecode.com/files/slidboxordinary.js.txt" type="text/javascript"></script><div id="fbslidebox" style="position: fixed; width: 342px; overflow: hidden; bottom: 20px; right: 10px; background:#e1e1e1;  repeat scroll 0% 0% transparent; -moz-border-radius: 15px 15px 15px 15px; border: 2px solid rgb(17, 17, 17); display: block;">
<div style="width: 320px; padding: 10px; margin: 0pt auto; overflow: hidden;">
<a id="fbcloseslidebox" style="float: right; color: rgb(153, 153, 153); padding: 0pt 3px; border: 1px solid rgb(204, 204, 204); text-decoration: none; font-size: 9px; font-family: Verdana,Geneva,sans-serif;" href="http://www.blogger.com/post-create.g?blogID=896833098585867367#">Exit</a>
<strong style="color:#000;">Terima Kasih Bagi Yang Mau Like</strong>
<iframe allowtransparency="true" style="border: medium none; overflow: hidden; width: 280px; height: 200px;" src="http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/pages/Bungas-Blogs-Comunity/305562852841376&amp;width=300&amp;colorscheme=light&amp;show_faces=true&amp;stream=false&amp;header=true&amp;height=250" scrolling="yes" frameborder="0">&amp;amp;amp;amp;amp;lt;br&amp;amp;amp;amp;amp;gt;</iframe>
</div></div>

5. Simpan pengaturan dan lihat hasilnya

Nb :Kode berwarna merah pertama adalah alamat hosting google code,silahkan ganti dengan google code anda agar lebih ringan
Kode berwarna merah kedua adalah id bloger, silahkan ganti dengan id bloger anda
Kode berwarna ketiga adalah url id halaman facebook, silahkan ganti dengan id halaman facebook anda. Atau anda ingin langsung ke id akun facebook anda dengan mencantumkan id akun facebook anda
Ex : http://www.facebook.com/fiek.bungas

sumber

Posted in: Tutorial Blog