Cara Membuat Facebook Fans Page Popup muncul terus Di Blog

Berikut merupakan widget Facebook Like Box dengan efek popup yang simple dan elegan. Widget kali ini berbeda dengan lainnya yaitu akan muncul terus dalam setiap halaman dalam blog sehingga dapat menarik pengujung yang ada dalam blog anda. Like Facebook page sangat sekali berguna jika anda menginginkanya.

Memang kelihatannya memaksa pengunjung tapi jika ini selera anda kenapa tidak. Namun jika cara ini kurang anda sukai karena muncul terus dalam setiap halaman popup facebook pagenya, anda juga dapat menggantinya dengan cara lain dalam hanya satu kali muncul dalam blog anda, baca artikel selanjutnya.

Cara Membuat Popup Like Box Facebook Page muncul terus 

Dalam artikel sebelumnya saya sudah membagikan cara membuat Like Box Dengan time atau waktu. Baiklah Cara Membuat Facebook Fans Page Popup muncul terus Di Blog. berikut caranya

Membuat Popup Like Box Fanspage Facebook muncul disetiap halaman

Sebelumnya kamu harus mempunyai Facebook Fanspage. Baca: Cara membuat Facebook Fanspage.
Jika sudah, login ke akun blogger kamu dan klik Tata Letak > HTML/Javascript dan masukan kode dibawah ini.

<style type='text/css'>
/* Message Box */
#box-message {
position:fixed !important;
position:absolute;
top:-1000px;
left:50%;
margin:150px 0px 0px -182px;
width:290px;
height:215px;
padding:3px;
background:#fff;
font:normal Dosis, Georgia, Serif;
color:#111;
border:2px solid #4d94ff;
-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:1px;
-moz-border-radius:1px;
border-radius:1px;
}
#box-message a.close {
position:absolute;
top:-10px;
right:-10px;
background:#fff;
font:bold 18px Arial, Sans-Serif;
text-decoration:none;
line-height:33px;
width:33px;
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:2px;
-moz-border-radius:2px;
border-radius:2px;
cursor:pointer;
}
</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'>
<!-- HTML Start -->
<center>
<iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/zuamsyah?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>
<!-- HTML End --><a class='close'>&times;2</a></div>

Setting:

Ganti kode yang berwarna merah dengan link facebook page kamu.
Selesai.