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

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

Giới thiệu:

Đâ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:


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

Code:

<!-- 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="http://cdn.rawgit.com/tuan2308/fm/master/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='http://cdn.rawgit.com/tuan2308/css/master/style.css' />
<script type='text/javascript' src='http://cdn.rawgit.com/tuan2308/js/master/jquery.event.move.js'></script>
<script type='text/javascript' src='http://cdn.rawgit.com/tuan2308/js/master//rebound.min.js'></script>
<script type='text/javascript' src='http://cdn.rawgit.com/tuan2308/js/master/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:
<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:
<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>
Thêm tiện ích Facebook Messenger Chatbox Cho Blogger Reviewed by TN Tuấn on 9/03/2016 Rating: 5

9 nhận xét:

  1. Hình như bên wordpress có sẳn plugin này :)

    Trả lờiXóa
  2. Trả lời
    1. gỡ bản quyền rồi :d
      mà cần js gốc chi

      Xóa
  3. ráng dể dành 17$ mua nha
    https://codecanyon.net/item/facebook-messenger-for-wordpress/16392065

    Trả lờiXóa
  4. - Ngon tốt :d :)) nó mà di chuyển mọi nơi như WP thì tuyệt nữa

    Trả lờiXóa
  5. Nhận xét này đã bị tác giả xóa.

    Trả lờiXóa
  6. Hình như ko dùng dc nữa thì phải

    Trả lờiXóa
    Trả lời
    1. Do link host bị lỗi mà lười fix quá :))

      Xóa

✩ Viết tiếng Việt có dấu
✩ Không spam
✩ Không chửi tục, nói bậy
✩ Không quảng cáo thông qua khung Comment.

All Rights Reserved by Star Tuấn Blog © 2015 - 2016
Powered By Blogger, Designed by Star Tuấn | Facebook | Youtube

Biểu mẫu liên hệ

Tên

Email *

Thông báo *

Được tạo bởi Blogger.