Hi Các bạn!! Có rất nhiều cách để tạo live chat facebook cho blogspot. Hôm nay mình chia sẻ đến các bạn code làm live chat facebook rất đẹp, đơn giản và cực kỳ dễ làm và chuyên nghiệp.

Ở đây mình đã cập nhật đoạn code code mới cực kỳ chuyên nghiệp cho các bạn cho các bạn lựa chọn. Các bạn đều chèn lên trên thẻ </body> hết nhé:

<style type="text/css"> .hisella-messages { position: fixed; bottom: 0; right: 0; z-index: 999999; } .hisella-messages-outer { position: relative; } #hisella-minimize { background: #3b5998; font-size: 14px; color: #fff; padding: 3px 10px; position: absolute; top: -34px; left: -1px; border: 1px solid #E9EAED; cursor: pointer; } @media screen and (max-width:768px){ #hisella-facebook { opacity:0; } .hisella-messages { bottom: -300px; right: -135px; } } </style> <div id='fb-root'></div> <script> (function($) { $(document).ready(function(){ $( '#hisella-minimize' ).click( function() { if( $( '#hisella-facebook' ).css( 'opacity' ) == 0 ) { $( '#hisella-facebook' ).css( 'opacity', 1 ); $( '.hisella-messages' ).animate( { right: '0' } ).animate( { bottom: '0' } ); } else { $( '.hisella-messages' ).animate( { bottom: '-300px' } ).animate( { right: '-135px' }, 400, function(){ $( '#hisella-facebook' ).css( 'opacity', 0 ) } ); } } ) }); })(jQuery); (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 = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.0"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); </script> <div class="hisella-messages"><div class="hisella-messages-outer"><div id="hisella-minimize">Facebook chat</div><div id="hisella-facebook" class='fb-page' data-adapt-container-width='true' data-height='300' data-hide-cover='false' data-href='https://www.facebook.com/hoachatsapa.vn/' data-show-facepile='true' data-show-posts='false' data-small-header='false' data-tabs='messages' data-width='250'></div></div></div>
Các bạn thay Link Fanpage mình đã bôi đỏ thành link của fanpage các bạn nhé. Có thể chỉnh sửa css, màu background,..tùy thích nhé!
Nếu thấy bài viết hữu ích, các bạn chia sẻ lên Google để ủng hộ mình nhé! cám ơn các bạn.
                                    

                                                                                                                Nguồn: niemstyle.com
- - 0 bình luận -

HIỆN TẠI CÓ 0 BÌNH LUẬN

Một số lưu ý khi bình luận

Mọi bình luận sai nội quy sẽ bị xóa mà không cần báo trước (xem nội quy)

Bấm Thông báo cho tôi bên dưới khung bình luận để nhận thông báo khi admin trả lời

Để bình luận một đoạn code, hãy mã hóa code trước nhé