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.
<style type="text/css">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é!
.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>
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.
Thumbnail chất đấy
ReplyDeletethumbnail lụm google thôi :v
DeleteChat FB này xưa rồi N ạ, giờ FB nó có 1 dạng livechat mới rồi kìa ? N chưa cập nhật à
ReplyDeletecái dạng đó tui biết rồi, nhưng tùy vào sở thích mỗi người thôi ông :)
DeleteSửa giúp em liên kết thành https://www.s2topvn.com/ với nhé a <3 thông cảm :(
ReplyDeleteok em
DeleteThêm cái này vào có làm nặng blogger không a
ReplyDeleteKg đâu bác, mà nếu có chỉ giảm 1-2 điểm thôi :)
Deletecó thể cho mình liên kết được không vậy nếu được thì liên kết nhé <3
ReplyDeletelink http://www.lebalongit.tk
Tên Lê Bá Long IT
rồi em! nhớ có trách nhiệm với những liên kết của mình e nhé!
DeleteKhông có demo à anh
ReplyDeletecó mà không thấy à, ko đọc bài gì hết :)
Deletenhìn rất đẹp và chuyên nghiệp với lại cái "thumbnail" anh làm đẹp đó.
ReplyDeletehihi cám ơn em <3
Deletecái này lâu rồi mà a
ReplyDeletelầu rồi mà kiểu như mình nói mới mới cho nó sơm :v
Deletevâng anh tinh tế quá
DeleteĐồ cổ hả :)), cũng tốt vì nhiều khi nó dễ sử dụng. Nhiều người cần hơn ấy chứ.
ReplyDeleteNếu mà cái mới h thà xài Zotabox cho khỏe :)
DeleteUp lại hở
ReplyDeletecode mới chuyên nghiệp hơn đó em.
Deletetương tác nhé a N
ReplyDeletemà demo hình như lỗi r a .k thấy j cả
ReplyDeletexem demo đây em nhé!
Deletebài viết rất hay <3 rảnh qua blog mình tương tác nhé bạn
ReplyDeleteok mình sẽ ghé thăm
Deletetương tác tốt buổi trưa vui vẻ
ReplyDeleteok em a sẽ ghé thăm em :D
Delete