Membuat Fanspage FB Melayang/PopUp di Blog 2017

Box fanspage facebook melayang atau istilah dekatnya popup, adalah kondisi dimana kotak box fanspage akan muncul selang beberapa detik halaman blog termuat. Menggunakan popup box fanspage dirasa cukup menguntungkan karena kemungkinan fanspage kita dilike tentunya juga akan meningkat, tetapi adapula kerugiannya yaitu mengganggu pengunjung blog kita.

Cara Membuat Fasnpage FB Melayang/PopUp :

1. "Copy" kode dibawah ini :

<style type='text/css'>
/* Message Box */
#box-message {
position:fixed !important;z-index:999;
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;
}
</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:"200px"}, 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><a class="murub"></a></center>
<center>
<iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/DuniaIlmuIndahnyaBerbagi?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' href='#'>&times;</a>
</div>

2. Masuk ke blogger kemudian pilih Tata Letak, pilih Tambah "Gadget" kemudian pilih "HTML/JavaScript"
3. Copy pastekan kode tadi di "HTML/Java Script"
4. Ganti tulisan yang bewarna merah dengan link fanspage facebook kamu
5. Simpan dan selesai !