Thêm tiện ích Facebook Messenger Chatbox Cho Blogger

Đây là code  Facebook Messenger Chatbox dành cho Blogger do mình rút ra từ plugin của Wordpress. Giúp liên hệ giữa khách xem blog và admin website rất tiện lợi. :)

Demo:

http://startuandemo1.blogspot.com/

Xem thêm: Code Tạo hộp chatbox hỗ trợ online cho fanpage facebook

Code:

123456789101112131415161718192021<!-- StarTuanIt.Net Facebook Messenger  -->
<div class="drag-wrapper drag-wrapper-right">
<div data-drag="data-drag" class="thing">
<div class="circle facebook-messenger-avatar facebook-messenger-avatar-type0">
<img class="facebook-messenger-avatar" src="https://57335e50776ca0c010b6693a082087241c9ad132.googledrive.com/host/0B0Xoks1GoX8MUFpaS09FSnFtWXc/facebook-messenger.svg" />
</div>
<div class="content">
<div class="inside">
<div class="fb-page" data-width="310" data-height="310" data-href="https://www.facebook.com/Admin.StarTuan" data-tabs="messages" data-small-header="true" data-hide-cover="false" data-show-facepile="true" data-adapt-container-width="true"><div class="fb-xfbml-parse-ignore"><blockquote cite="https://www.facebook.com/Admin.StarTuan"><a href="https://www.facebook.com/ninjateam.org">Loading...</a></blockquote></div></div>
</div>
</div>
</div>
<div class="magnet-zone">
<div class="magnet"></div>
</div>
</div>
<link type='text/css' rel='stylesheet' href='https://57335e50776ca0c010b6693a082087241c9ad132.googledrive.com/host/0B0Xoks1GoX8MUFpaS09FSnFtWXc/style.css' />
<script type='text/javascript' src='https://57335e50776ca0c010b6693a082087241c9ad132.googledrive.com/host/0B0Xoks1GoX8MUFpaS09FSnFtWXc/jquery.event.move.js'></script>
<script type='text/javascript' src='https://57335e50776ca0c010b6693a082087241c9ad132.googledrive.com/host/0B0Xoks1GoX8MUFpaS09FSnFtWXc/rebound.min.js'></script>
<script type='text/javascript' src='https://57335e50776ca0c010b6693a082087241c9ad132.googledrive.com/host/0B0Xoks1GoX8MUFpaS09FSnFtWXc/index.js'></script>
<!-- StarTuanIt.Net Facebook Messenger  -->

Hướng dẫn thêm vào blog:

1. Copy toàn bộ code trên
2. Vào chỉnh sửa mẫu chèn toàn bộ code trên thẻ </body>
3. Thay Admin.StarTuan/ thành địa chỉ fanpage của bạn
4. Lưu mẫu và xem kết quả

Lưu ý:

Nếu như click vào icon Messenger mà không hiện lên là do blog bạn chưa thêm jQuery
Chèn đoạn code sau trước thẻ </head> trong html:

1<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js' type='text/javascript'></script>

Nếu Fanpage tin nhắn không hiện là do chưa thêm Fb root 
Chèn đoạn code sau trước thẻ </body> trong html:

12345678<div id="fb-root"></div>
<script>(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/vi_VN/sdk.js#xfbml=1&version=v2.7&appId=802908549822264";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>