Cách chèn Khung Chat Live Online cho Blog Website

Để đáp ứng nhu cầu tương tác giữa người dùng với Blog của bạn. Khi đó bạn tạo một khung chat live facebook là một điều rất hợp lý. Hôm nay Blog Tho Android sẽ giúp bạn làm điều đó:

+Bước 1: Vào https://www.blogger.com, Chọn Mẫu , nhấp chọn Chủ đề và chọn Chỉnh sửa HTML

+Bước 2: Bạn Ctrl + F tìm kiếm thẻ </body>

+Bước 3: Bạn chèn đoạn code sau lên trên thẻ </body>

<div class='liveChat-Box'>
    <div class='liveChat-bar'>Hỗ trợ trực tuyến</div>
    <div class='liveChat-panel'>
        <div id='fb-root'/>
      <script type='text/javascript'>
            (function(d, s, id) {
                var js, fjs = d.getElementsByTagName(s)[0];
                if (d.getElementById(id)) return;
                js = d.createElement(s);
                js.id = id;
                js.src = &quot;//connect.facebook.net/vi_VN/sdk.js#xfbml=1&amp;version=v2.5&quot;;
                fjs.parentNode.insertBefore(js, fjs);
            }(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));
        </script>

        <div class='fb-page' data-adapt-container-width='true' data-height='300' data-hide-cover='false' data-href='https://www.facebook.com/thoandroid.vn' data-show-facepile='false' data-show-posts='false' data-small-header='true' data-tabs='messages' data-width='250' style='position:fixed; z-index:9999999; right:10px; bottom:0px;'/>
       </div>
</div>

+Bước 4: Thay địa chỉ https://www.facebook.com/thoandroid.vn thành địa chỉ trang Face của bạn.

Lưu lại và kiểm tra thành quả nhé !

   Cảm ơn các bạn đã xem bài viết. Mọi thắc mắc liên quan các bạn vui lòng comment bên dưới để trao đổi nhé !

 ( Lưu ý khi sao chép vui lòng ghi rõ nguồn trang thoandroid.ga).