Bagi yang ingin mencoba menggunakannya di blog, silahkan ikuti caranya di bawah ini.
1. Seperti biasa silahkan login ke blog Anda.
<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: #000000;
}
</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/AVvXsEhLohcEo3fCPRuxFgtLT8fk6if4jI54WynTPL_Qr-JcDa5nq4JwSUsxGfnhC4797HkZobJYvPO2R5ThGQpNxAmWTVucMIVcodisPWRpNqdlRyMpZhSz_HDNI8mBMEi_p_U_rcyWxHcQSmz7/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=http://www.facebook.com/TrollComicsIndonesia&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://www.police-cheater.com/2012/10/membuat-fb-like-box-melayang-slide-close_24.html" target="_blank">blogger widget</a></div>
</div></div>
<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: #000000;
}
</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/AVvXsEhLohcEo3fCPRuxFgtLT8fk6if4jI54WynTPL_Qr-JcDa5nq4JwSUsxGfnhC4797HkZobJYvPO2R5ThGQpNxAmWTVucMIVcodisPWRpNqdlRyMpZhSz_HDNI8mBMEi_p_U_rcyWxHcQSmz7/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=http://www.facebook.com/TrollComicsIndonesia&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://www.police-cheater.com/2012/10/membuat-fb-like-box-melayang-slide-close_24.html" target="_blank">blogger widget</a></div>
</div></div>
Warna background widgetnya hitam atau dark.
#000000 adalah background widget, silahkan sesuaikan dengan template Anda. Untuk mengetahui kode warna pakai photoshop atau cari di mbah gugle ada :D
http://www.facebook.com/TrollComicsIndonesia silahkan ganti dengan URL facebook Anda.
Jika background widgetnya terang, silahkan ganti dark dengan light.
Demikin sharing Membuat FB Like Box Melayang Slide Close kali ini mudah-mudahan bermanfaat.
0 komentar:
Posting Komentar
[-]Rules of comment
-No Sara
-No Spam
-No Flood
berikan saran dan komentar yang baik :D
SalaM
by -=™Police-Cheater™=-