Thêm live chat Fanpage facebook cho blogspot

Duc Tran

tháng 3 30, 2018

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

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

Tìm LinkPage và thay thành Id fanpgae Fb của bạn nhé
Chúc bạn thành công!