Hướng dẫn tích hợp khung chát trực tuyến đẹp cho blogspot

Chào các bạn hôm nay mình xin giới thiệu tới các bạn 1 kiểu khung chát khá hay cho các bạn lựa chọn. Đây là khung chát trực tuyến của facebook, các bạn có thể chát trực tiếp với khách hàng.


Hướng dẫn tích hợp khung chát trực tuyến vào blogspot

Bước 1: Bạn vào Mẫu --> chỉnh sửa HTML. xong đó bạn tìm ( ctrl+F) thẻ </body>
Bước 2: Bỏ code bên dưới trên thẻ </body> đóng đó. và lưu lại.
<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&amp;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">Chat trên Facebook </div><div id="hisella-facebook" class='fb-page' data-adapt-container-width='true' data-height='350' data-hide-cover='false' data-href='https://www.facebook.com/kenhtemplate' data-show-facepile='true' data-show-posts='false' data-small-header='false' data-tabs='messages' data-width='240'></div></div></div>

Bạn thay link mầu đỏ thành link fanpage của bạn nha.https://www.facebook.com/kenhtemplate
Ok vậy là xong, nếu có gì không làm được bạn cứ để commnet bên dưới để mình giải đáp nha.
Thân!

3 nhận xét trong bài "Hướng dẫn tích hợp khung chát trực tuyến đẹp cho blogspot"

  1. cho hoi tao con so like ao cho page them so vao dau nhi vd như page chỉ có 150 like thêm số 1 vào thành 1150 like xin cảm ơn

    ReplyDelete
  2. muốn cái box đó bình thường thì đóng, khi nào người xem click vào thì mới hiện ra thì làm thế nào admin nhỉ?

    ReplyDelete
  3. khong dc dau breb bloger ek

    ReplyDelete