Tạo live chat facebook cho blogspot mới nhất

Có rất nhiều cách để làm  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 ...

Có rất nhiều cách để làm 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é:
Các bạn xem demo: tại đây (phía dưới góc phải blog)

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