Cara Buat Fan Page Like Box Pop Up

FB Like Box atau Facebook LIKE?
Facebook like box Pop-Up window adalah satu cara dan teknik untuk meningkatkan jumlah pengunjung like Fan Page facebook anda. Ini tutorial mudah selain buat FB like box, anda boleh belajar buat fan page sliding dan bagaimana cara nak membuat dan menambah widget ini di blog anda. Oh..ye sekiranya anda masih belum mempunyai laman fan page anda boleh rujuk  post  ini macamana cara nak buat.

O.k Jom!!!...mari kita lihat cara buat fan page popup window dan bagaimana caranya :

Pertama, anda perlu untuk log masuk ke akaun blogger anda!
Kedua, pergi ke Dashboard dan klik pada Add Gadget > HTML /JavaScript

Anda perlu menyalin (copy & paste) semua kod HTML dibawah ini :

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script>
<style>
#fanback {
display:none;
background:rgba(0,0,0,0.8);
width:100%;
height:100%;
position:fixed;
top:0;
left:0;
z-index:99999;
}
#fan-exit {
width:100%;
height:100%;
}
#fanbox {
background:white;
width:420px;
height:270px;
position:absolute;
top:58%;
left:63%;
margin:-220px 0 0 -375px;
-webkit-box-shadow: inset 0 0 50px 0 #939393;
-moz-box-shadow: inset 0 0 50px 0 #939393;
box-shadow: inset 0 0 50px 0 #939393;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin: -220px 0 0 -375px;
}
#fanclose {
float:right;
cursor:pointer;
background:url(http://3.bp.blogspot.com/-NRmqfyLwBHY/T4nwHOrPSzI/AAAAAAAAAdQ/8b9O7O1q3c8/s1600/fanclose.png) repeat;
height:15px;
padding:20px;
position:relative;
padding-right:40px;
margin-top:-20px;
margin-right:-22px;
}
.remove-borda {
height:1px;
width:366px;
margin:0 auto;
background:#F3F3F3;
margin-top:16px;
position:relative;
margin-left:20px;
}
#linkit,#linkit a.visited,#linkit a,#linkit a:hover {
color:#80808B;
font-size:10px;
margin: 0 auto 5px auto;
float:center;
}
</style>


<script type='text/javascript'>
//<![CDATA[
jQuery.cookie = function (key, value, options) {

// key and at least value given, set cookie...
if (arguments.length > 1 && String(value) !== "[object Object]") {
options = jQuery.extend({}, options);

if (value === null || value === undefined) {
options.expires = -1;
}

if (typeof options.expires === 'number') {
var days = options.expires, t = options.expires = new Date();
t.setDate(t.getDate() + days);
}

value = String(value);

return (document.cookie = [
encodeURIComponent(key), '=',
options.raw ? value : encodeURIComponent(value),
options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE
options.path ? '; path=' + options.path : '',
options.domain ? '; domain=' + options.domain : '',
options.secure ? '; secure' : ''
].join(''));
}

// key and possibly options given, get cookie...
options = value || {};
var result, decode = options.raw ? function (s) { return s; } : decodeURIComponent;
return (result = new RegExp('(?:^|; )' + encodeURIComponent(key) + '=([^;]*)').exec(document.cookie)) ? decode(result[1]) : null;
};
//]]>
</script>
<script type='text/javascript'>
jQuery(document).ready(function($){
if($.cookie('popup_user_login') != 'yes'){
$('#fanback').delay(5000).fadeIn('medium');
$('#fanclose, #fan-exit').click(function(){
$('#fanback').stop().fadeOut('medium');
});
}
$.cookie('popup_user_login', 'NO', { path: '/', expires: NEVER });
});
</script>

<div id='fanback'>
<div id='fan-exit'>
</div>
<div id='fanbox'>
<div id='fanclose'>
</div>
<div class='remove-borda'>
</div>
<iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/KPAPUTM&width=402&height=255&colorscheme=light&show_faces=true&show_border=false&stream=false&header=false'style='border: none; overflow: hidden; margin-top: -19px; width: 402px; height: 230px;'></iframe><center><span id="linkit"><a href="http://www.belajarblogging.com/2013/06/Cara-Buat-Fan-page-Like-Box-Pop-Up.html"rel= "nofollow" target= "_blank">Get This</a><a href="http://www.belajarblogging.com/"rel= "nofollow" target= "_blank">Widget</a></span></center>
</div>
</div>

***Sila Pastikan ID Fanpage anda betul......
Nota : Anda perlu menukar teks berwarna MERAH dengan URL atau ID Fan Page anda,contohnya : http://www.facebook.com/KPAPUTM kepada Facebook Fanpage anda. contohnya : http://www.facebook.com/yourIDfanpage, selepas tu Klik SAVE. 
Selesai....itu aje....

Tunggu beberapa ketika antara 05 hingga 10 saat sehingga laman Fan Page pop-up window tersebut akan muncul secara automatik di blog korang. Selepas semua langkah-langkah yang betul telah dilakukan, kini korang boleh menikmati Fan Page pop-up window ini dalam blog korang.

***Saya harap tutorial ini dapat membantu korang untuk meningkatkan LIKE Fan Page Facebook korang....sekiranya ia berfungsi sila share dengan rakan-rakan lain......

***Pelawat yang budiman sudi-sudilah komen sekiranya tutorial ini memberi manfaat bersama ye......selamat mencuba......bye....