Tuesday, February 28, 2012

Cara Membuat Like Box Melayang di Blogspot

 Cara Membuat Like Box Melayang di Blogspot - Postingan Blog Kali ini merupakan postingan request dari sobat pengunjung dari Sharing dimana sobat Sharing tersebut meminta untuk dibuatkan tutorial Cara Membuat Like Box Melayang di Blog. Jadi pada postingan ini saya akan membahas Cara Membuat Like Box Melayang di Blogspot. silakan dicoba :

1. Pada bagian Design klik -> Add a Gadget -> HTML/Javascript
2. Copy code berikut pada HTML/Javascript yang kita buka tadi
<script src="http://ojel88.googlecode.com/files/slidboxordinary.js" type="text/javascript"></script><div id="fbslidebox" style="position: fixed; width: 300px; overflow: hidden; bottom: 20px; right: 10px; background: #FFFFFF; -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; color:#000000" href="">EXIT</a>
<strong style="color: rgb(102, 173, 61);">Jangan Lupa Klik Like Ya</strong>
<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FMakal-Corp%2F143630842380120%3Fref%3Dpb&amp;width=279&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=true&amp;height=290&amp;appId=258407530860315" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:279px; height:290px;" allowtransparency="true"></iframe>
</div></div>

note : 

pada bagian yang ditulis warna merah adalah code untuk Like Box yang ingin kita tempati untuk Like Box kita.

Semoga bermanfaat ya tutorial Cara Membuat Like Box Melayang di Blogspot ini.
Rating:4.5