Saya akan mencoba sharing sebuah widget facebook like box yang melayang dengan tombol close dengan efek slide ketika di tekan ( SEPERTI PUNYA SAYA ). Saya mencoba menggabungkan kode-kode script yang saya dapat dari bloger-bloger lain selama belajar blogging yang saya tekuni selama ini dan hasilnya menurut saya lumayan untuk diterapkan di blog. Bagi para master, tolong kasih masukan tentang widget ini kalau ada kesalahan. Widget ini lumayan simpel karena tidak perlu mengobok-obok HTML template blog Anda.
Bagi yang ingin mencoba menggunakannya 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: #0000CC;
}
</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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiI80KN4zqATVEremNMT9PYu3LhQ7c2c0Q3iUhQVr-e14udxaHjAx9t6PS9H87EQsTeDrsWhPy9pyIppZBNHb5FjgFQqvGEif4NfZdoQ6-2pnxNaFKRM1TOrlEMSLeqcONmaHXkcnZ1vySi/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=ttps://www.facebook.com/aaguguns26 &width=350&height=255&colorscheme=dark&show_faces=true&border_color=%23FFFFFF&stream=false&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://gugunhack.blogspot.com/2012/09/membuat-fb-like-box-melayang-slide-close.html" target="_blank">blogger widget</a></div>
</div></div>
#000000 adalah background widget, silahkan sesuaikan dengan template Anda. Untuk mengetahui kode warna silahkan masuk DI SINI
https://www.facebook.com/aaguguns26 silahkan ganti dengan URL facebook Anda.
Jika background widgetnya terang, silahkan ganti dark dengan light.
semoga bermanfaat.