Chào các bạn hôm nay mình sẽ hướng dẫn các bạn tích hợp live chat Fanpage facebook vào blogspot
Chúc bạn thành công!
HƯỚNG DẪN CÁCH LÀM:
Đăng nhập vào blogger.com -> Chủ đề --> Chỉnh sửa HTML, tìm thẻ </body> và thêm toàn bộ đoạn code bên dưới lên trên thẻ vừa tìm<style>Tìm LinkPage và thay thành Id fanpgae Fb của bạn nhé
.support-fixed{background:#F0F3EF;position:fixed;right:30px;bottom:0;z-index:999;overflow:hidden;width:250px;color:#fff;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.support-fixed h3{text-transform:uppercase;font-weight:700;font-size:13px;color:#fff;margin:0;background-color:#3B559F;cursor:pointer}
.support-fixed i{background-color:#25449C;padding:15px 15px 12px;color:#fff}
.online-support{position:relative;display:none}
.chat-now{position:absolute;width:100%;height:100%;top:0;left:0;right:0;text-align:center;color:#ed1c24;cursor:pointer;background:url(https://i.imgur.com/v63RgwJ.jpg) no-repeat center right;background-size:cover}
.chat-now span{display:block;bottom:0;position:absolute;background:#3b559f;padding:5px;color:#fff}
.chat-now img{margin-top:70px}
</style>
<div class="support-fixed">
<h3><i class="fa fa-facebook" aria-hidden="true"></i> Chat Live Facebook</h3>
<div class="online-support">
<div
class="fb-page"
data-href="LinkPage"
data-small-header="true"
data-height="300"
data-width="250"
data-tabs="messages"
data-adapt-container-width="false"
data-hide-cover="false"
data-show-facepile="false"
data-show-posts="false">
</div>
<div class="chat-now">
<span><strong>Chào bạn, Click để nói chuyện với Codedayroi.net</strong></span>
</div>
</div>
</div>
<script type='text/javascript'>
//<![CDATA[
/*
======================================
[ Facebook Chat ]
======================================
*/
$(document).ready(function(){
$('.online-support').hide('slow').delay(3000).show('slow');
$('.support-fixed h3').click(function(e){
e.stopPropagation();
$('.online-support').slideToggle();
});
$('.online-support').click(function(e){
e.stopPropagation();
});
$(document).click(function(){
$('.online-support').slideUp();
});
$(".chat-now").click(function () {
$(".chat-now").css("display", "none");
});
});
//]]>
</script>
Chúc bạn thành công!