Cara Mudah Bikin Like Box FB Melayang -->

Cara Mudah Bikin Like Box FB Melayang

19 October 2012


allcatatan.blogspot.com ~ Simpel saja sobat, berhubung udah ngantuk nih, Bagi sobat yang ingin mencoba membuat kotak like /fan page facebook melayang di blog, silahkan ikuti caranya di bawah ini.

  1. Seperti biasa silahkan login ke blog Anda.
  2. Dashboard >> Layout >> add a gadget >> pilih HTML/JavaScript,kemudian copy kode di bawah ini.
<div style="display:scroll;position:fixed;top:50px;left:400px;"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script src="http://kompiajaib.googlecode.com/files/slidefbnew.js" type="text/javascript"> </script> <style> #kompiajaib_slidefb2012{ font-family: "Consolas", "Courier New", Courier, mono, serif; border: 1px solid; width: 355px; margin: 10px 0px; padding:5px 0px 0px 5px; background-repeat: no-repeat; position:relative; color: #00529B; background-color: #A09E9C; } </style> <div id="kompiajaib_slidefb2012"> <a class="close" href="#close" style='position:absolute;right:0px;top:0px;margin-right:-1px;margin-top:-1px;'><img border="0" src="http://1.bp.blogspot.com/-xjVGllNNS5Q/T66Pa1LuFZI/AAAAAAAADKs/8Nf9hrNZGpA/s1600/popover-close-button.gif" /></a> <div style='width:99%;padding:8px 0px;background-color:#737373;font-family:arial;text-align:center;'><div style='color:#FFF;font-size:13px;font-weight:bold;'>Like us and get updates</div></div> <iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/pages/Coretan-Bang-Dadan/143741532421886&amp;width=350&amp;height=255&amp;colorscheme=dark&amp;show_faces=true&amp;border_color=%23FFFFFF&amp;stream=false&amp;header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:350px; height:255px;" allowtransparency="false"></iframe><div style="border: 0px; padding: 5px; background-color: none; text-align: right; font-size:9px;">Powered by <a href="http://kompiajaib.blogspot.com/" target="_blank">blogger widget</a></div> </div></div>


Warna background widgetnya hitam atau dark.
#A09E9C adalah background widget, silahkan sesuaikan dengan template Anda. Untuk mengetahui kode warna silahkan masuk
  
Jika background widgetnya terang, silahkan ganti dark dengan light.
Selamat Mencoba dan succes selalu buat sobat semua.