Hướng dẫn tạo Popup Like Fanpage Facebook cho Blogger đẹp mắt

Tạo Popup Like Fanpage Facebook cho Blogger có tác dụng như thế nào

Khi các bạn đọc bài viết “Hướng dẫn tạo Popup Like Fanpage Facebook cho Blogger đẹp mắt” hẳn các bạn cũng đã xây dựng cho mình một blog. Dù bạn chọn nền tảng nào Blogger, hay WordPress thì nó cũng là một kênh thông tin mà các bạn muốn truyền tải nó đến độc giả của mình. Và chắc chắn một điều là ai cũng muốn xây dựng cho mình một Fanpage có đông người theo dõi để đảm bảo rằng những gì bạn tạo ra sẽ tiếp cận được càng nhiều người càng tốt.

Đó không chỉ là mong muốn của riêng gì bạn mà bản thân mình cũng vậy. Bởi lẽ đó mà hôm nay mình mạn phép viết bài chia sẻ tới các bạn Hướng dẫn tạo Popup Like Fanpage Facebook cho Blogger đẹp mắt và chuyên nghiệp. Đây cũng là một cách tiếp cận và tìm kiếm những độc giả có nhu cầu và sở thích mà chính blog của bạn tạo ra. Chúng ta cùng bắt đầu nào…

Cách tạo Popup Like Fanpage Facebook cho Blogger chuyên nghiệp

Bước 1: Bạn “Đăng nhập Blogger”
Bước 2: Tiếp đến các bạn chọn “Bố cục” rồi “Thêm tiện ích HTML/Javascript “
Bước 3: Bạn sử dụng code bên dưới và dán vào thẻ HTML/Javasript vừa thêm

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script>
<style>
#fbox-background {
    display: none;
    background: rgba(0,0,0,0.8);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
}

#fbox-close {
    width: 100%;
    height: 100%;
}

#fbox-display {
    background: #eaeaea;
    border: 5px solid #3a5795;
    width: 300px;
    height: 220px;
    position: absolute;
    top: 32%;
    left: 30%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#fbox-button {
    float: right;
    cursor: pointer;
    position: absolute;
    right: 0px;
    top: 0px;
}

#fbox-button:before {
    content: "CLOSE";
    padding: 5px 8px;
    background: #3a5795;
    color: #eaeaea;
    font-weight: bold;
    font-size: 10px;
    font-family: Tahoma;
}

#fbox-link,#fbox-link a.visited,#fbox-link a,#fbox-link a:hover {
    color: #aaaaaa;
    font-size: 9px;
    text-decoration: none;
    text-align: center;
    padding: 5px;
}
</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_facebook_box') != 'yes'){
$('#fbox-background').delay(5000).fadeIn('medium');
$('#fbox-button, #fbox-close').click(function(){
$('#fbox-background').stop().fadeOut('medium');
});
}
$.cookie('popup_facebook_box', 'yes', { path: '/', expires: 7 });
});
</script>
<div id='fbox-background'>
<div id='fbox-close'>
</div>
<div id='fbox-display'>
<div id='fbox-button'>
</div>
<iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php? href=https://www.facebook.com/kimanhblog/&width=402&height=255&colorscheme=light&show_faces=true&show_border=false&stream=false&header=false' style='border: none; overflow: hidden; background: #fff; width: 330px; height: 180px;'></iframe>

<div id="fbox-link">Powered by <a style="padding-left: 0px;" href="https://kimanhblog.com" rel="nofollow">Kim Anh Blog</a></div>
</div>
</div>

Bước 4: Các bạn thay https://www.facebook.com/kimanhblog thành link Facebook/Fanpage của các bạn. Lưu lại và xem kết quả !

Các bạn có thể xem Demo Popup like fanpage facebook cho blogger mình tạo TẠI ĐÂY

Trên đây là bài viết hướng dẫn cách tạo popup like fanpage facebook cho blogger. Hy vọng bài viết có ích cho các bạn. Nếu có bất kì thắc mắc hay góp ý các bạn vui lòng để lại bình luận dưới bài viết.

Chúc các bạn thành công!!!