Tạo Box Like Fanpage Facebook Khi Vào Blog

Minh Hùng Hoàng
Hello anh em, lâu rồi cũng chưa ra bài về thủ thuật blog nên hôm nay mình sẽ chia sẻ cho anh em code Box Like Fanpage Facebook khi vào blog nhé !
DEMO
CÁC BƯỚC THỰC HIỆN : 
BƯỚC 1 : Vào Blog -> Bố Cục
BƯỚC 2 : Thêm Tiện Ích -> Chọn HTML/JAVASCRIPT
BƯỚC 3 : Dán Code Sau Vô
<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%;
}
#JasperRoberts {
background:white;
width:420px;
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;
}
#Blogduykhanh {
float:right;
cursor:pointer;
background:url(http://1.bp.blogspot.com/-BQ6jAqUL02c/VfUrhyXMACI/AAAAAAAAOlI/nPchfv0xdwE/s1600/blogduykhanhfacebookpopup.png) repeat;
height:15px;
padding:20px;
position:relative;
padding-right:40px;
margin-top:-20px;
margin-right:-22px;
}
.remove-borda {
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(10000).fadeIn('medium');
$('#Blogduykhanh, #fan-exit').click(function(){
$('#fanback').stop().fadeOut('medium');
});
}
$.cookie('popup_user_login', 'yes', { path: '/', expires: 7 });
});
</script>
<div id='fanback'>
<div id='fan-exit'>
</div>
<div id='JasperRoberts'>
<div id='Blogduykhanh'>
</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/Hùng-Blogger-167996720514843&width=402&height=255&colorscheme=light&show_faces=true&show_border=false&stream=false&header=false'
style='border: none; overflow: hidden; margin: -27px 8px -18px 9px; width: 402px; height: 230px;'></iframe><center>
<span style="color:#a8a8a8;font-size:8px;" id="linkit">Powered by <a style="color:#a8a8a8;font-size:8px;"http://www.hungblogger.com">Hùng Blogger</a> - <a style="color:#a8a8a8;font-size:8px;" href="https://www.facebook.com/Hùng-Blogger-167996720514843">Fanpage</a></span></center>
</div>
</div>
Trong mặc định ở đoạn code trên popup sẽ tự bật lên sau 10 giây tải trang. Nếu bạn muốn thay đổi nó bạn có thể tìm trong đoạn code trên.delay(10000)Và sửa nó theo ý mình. Đơn vị tính là mili giây, ví dụ bạn muốn đặt thời gian là 30 giây thì có thể sửa thành.delay(30000)
Thay link fanpage facebook sau thành link fanpage facebook của bạn
https://www.facebook.com/Hùng-Blogger-167996720514843
Tổng kết :
Chỉ cần một vài bước thì các bạn đã có Box Like Fanpage Facebook tuyệt đẹp khi vào blog rồi ! Chúc Các Bạn Thành Công 

CHIA SẺ VỚI

Tác Giả :

Xin chào các bạn, các bạn có thể gọi tôi là Nam. Hiện tại tôi lại đang quản lý blog Tuổi Trẻ IT - là blog chia sẻ về những thủ thuật blogspot, ...