Thêm Tiện Ích Facebook Messenger Chatbox Cho Blogger

Xin chào, lướt mấy site thấy cái này hay nên view-source code lấy về share cho anh em 😆😆.

Demo :

Hướng Dẫn :

Code :

<!-- Vũ Tiến Anh Blog - Facebook Root - Có Rồi thì xóa  -->
<script>
  window.fbAsyncInit = function() {
    FB.init({
      appId      : '375544679461395',
      xfbml      : true,
      version    : 'v2.8'
    });
  };

  (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";
     fjs.parentNode.insertBefore(js, fjs);
   }(document, 'script', 'facebook-jssdk'));
</script>
<!--End Vũ Tiến Anh Blog - Facebook Root - Có Rồi thì xóa  -->

<!-- Vũ Tiến Anh Blog Facebook Messenger  -->
<div class='drag-wrapper drag-wrapper-right'>
<div class='thing' data-drag='data-drag'>
<div class='circle facebook-messenger-avatar facebook-messenger-avatar-type0'>
<img class='facebook-messenger-avatar' src='http://www.icons101.com/icon_png/size_256/id_82691/Facebook_Messenger.png'/>
</div>
<div class='content'>
<div class='inside'>
<div class='fb-page' data-adapt-container-width='true' data-height='310' data-hide-cover='false' data-href='https://www.facebook.com/V%C5%A9-Ti%E1%BA%BFn-%C4%90%E1%BB%A9c-156427968179381/' data-show-facepile='true' data-small-header='true' data-tabs='messages' data-width='310'><div class='fb-xfbml-parse-ignore'><blockquote cite='https://www.facebook.com/Admin.StarTuan'><a href='https://www.facebook.com/V%C5%A9-Ti%E1%BA%BFn-%C4%90%E1%BB%A9c-156427968179381/'>Loading...</a></blockquote></div></div>
</div>
</div>
</div>
<div class='magnet-zone'>
<div class='magnet'></div>
</div>
</div>
<link href="https://rawgit.com/VTADZ/vutienanhblog/master/style.css" rel="stylesheet" type="text/css"></link>
<script src="https://rawgit.com/VTADZ/vutienanhblog/master/jquery.event.move.js" type="text/javascript"></script>
<script src="https://rawgit.com/VTADZ/vutienanhblog/master/rebound.min.js" type="text/javascript"></script>
<script src="https://rawgit.com/VTADZ/vutienanhblog/master/index.js" type="text/javascript"></script>
</div>
<!-- END Vũ Tiến Anh Blog Facebook Messenger  -->

Chỉnh sửa như sau :

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

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>

Chúc Bạn Thành Công

Share this post

La Ngọc Hưng

Chào các bạn đến với blog truyện tổng hợp của mình nhé !

Facebook

WhatsApp

Instagram

Subscribe Our Newsletter

Posting Terkait