Widget Like Box Facebook Melayang

Membuat Widget Like Box Facebook Melayang,- Pasti dalam blogging kalian pernah menjumpai like box facebook yang melayang seperti di atas kan? Nah, saya akan membahas Cara membuat Widget Like Box Facebook Melayang.

Widget Like Box Facebook Melayang berfungsi untuk menambah jumlah like sebuah fanpage di facebook. Di postingan kali ini saya akan membahas Cara Widget Like Box Facebook Melayang. Simak cara caranya berikut.

Langkah 1 : Login Blogger,
Langkah 2 : Pada Dashboard buka tata letak atau layout,
Langkah 3 : Tambah Widget, lalu pilih HTML/Javascript, lalu masukkan kode berikut.

<style type='text/css'>
/* Message Box */
#box-message {
position:fixed !important;
position:absolute;
top:-1000px;
left:50%;
margin:0px 0px 0px -182px;
width:300px;
height:auto;
padding:16px;
background:#fff;
font:normal Dosis, Georgia, Serif;
color:#111;
border:2px solid #333;
-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}
#box-message a.close {
position:absolute;
top:-10px;
right:-10px;
background:#fff;
font:bold 16px Arial, Sans-Serif;
text-decoration:none;
line-height:22px;
width:22px;
text-align:center;
color:#111;
border:2px solid #333;
-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-webkit-border-radius:22px;
-moz-border-radius:22px;
border-radius:22px;
cursor:pointer;
}
#twitterx {
background: #EEF9FD;
padding: 10px;
text-align:center;
border: 1px solid #C7DBE2;
border-top: 0;
}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<script type='text/javascript'>
$(window).bind("load", function() {
// Animate Top Value When Page Loaded Completed
$('#box-message').animate({top:"50px"}, 1000);
// Remove Mailbox When Close Button On Click
$('a.close').click(function() {
$(this).parent().fadeOut();
return false;
});
});
</script>
<div id='box-message'>
<!-- Frame Start -->
<center>
<iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/pages/Agung-Rianto-Blog/192245400797144?ref=hl&amp;width=292&amp;height=258&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false&amp;appId=371524026202784" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:258px;" allowtransparency="true"></iframe>
</center>

Keterangan : Ubah link yang berwarna "merah" dengan link fanpage facebook anda.

Langkah 4 : Lalu simpan.

Itulah postingan yang saya bagikan tentang Widget Like Box Facebook Melayang. Semoga dapat membantu anda dalam memecahkan masalah. Jika ada kesalahan dalam penulisan kode atau bingung dalam langkah langkahnya silahkan komentar pada kolom komentar.

Bagikan Artikel ini