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

2
625

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.

tao popup like facebook fanpage cho blogger, tao popup like fanpage cho blogger, cách tạo popup like facebook fanpage cho blogger, cách tạo popup like fanpage cho blogger, cách tạo popup like fanpage cho blogspot, tao popup like fanpage cho blogspot, tao popup like fanpage facebook cho blogger, tạo popup like fanpage facebook cho blogger
Hướng dẫn tạo Popup Like Fanpage Facebook cho Blogger đẹp mắ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Ó THỂ BẠN QUAN TÂM

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!!!

0 0 đánh giá
Đánh giá bài viết
Đăng ký.
Thông báo cho
guest

2 Góp ý
Phản hồi nội tuyến
Xem tất cả bình luận
Sơn Lê
Khách
Sơn Lê
18/07/2018 19:09

Hướng dẫn rất chi tiết, cảm ơn bạn. Hy vọng bạn có những bài viết hữ ích hơn nữa