Add Facebook chat to blogspot or wordpress (blogger)

Add Facebook chat to blogspot or wordpress (blogger). I have a code very good for Add Facebook chat to blogspot or wordpress. I want to share for you about it- It very good, responsive and good at Mobile display

Benefit of Facebook chat widget:
1- Easy for connect with almost people who online by Facebook everywhere
2- Quickly and responsive on all device
3- Good for load site
How to install it:
Please copy code below and paste before   </body> :

<div id=’fb-root’/>
 &lt;div id=&quot;fb-root&quot;&gt;&lt;/div&gt;
&lt;script&gt;(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 = &quot;//connect.facebook.net/vi_VN/sdk.js#xfbml=1&amp;version=v2.8&amp;appId=1443051112606302&quot;;
  fjs.parentNode.insertBefore(js, fjs);
}(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));&lt;/script&gt;
  <style>#cfacebook{position:fixed;bottom:0px;right:100px;z-index:999999999999999;width:250px;height:auto;box-shadow:6px 6px 6px 10px rgba(0,0,0,0.2);border-top-left-radius:5px;border-top-right-radius:5px;overflow:hidden;}#cfacebook .fchat{float:left;width:100%;height:270px;overflow:hidden;display:none;background-color:#fff;}#cfacebook .fchat .fb-page{margin-top:-130px;float:left;}#cfacebook a.chat_fb{float:left;padding:0 25px;width:250px;color:#fff;text-decoration:none;height:40px;line-height:40px;text-shadow:0 1px 0 rgba(0,0,0,0.1);background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAqCAMAAABFoMFOAAAAWlBMV&#8230;8/UxBxQDQuFwlpqgBZBq6+P+unVY1GnDgwqbD2zGz5e1lBdwvGGPE6OgAAAABJRU5ErkJggg==);background-repeat:repeat-x;background-size:auto;background-position:0 0;background-color:#3a5795;border:0;border-bottom:1px solid #133783;z-index:9999999;margin-right:12px;font-size:18px;}#cfacebook a.chat_fb:hover{color:yellow;text-decoration:none;}</style>
  <script>
  jQuery(document).ready(function () {
  jQuery(&quot;.chat_fb&quot;).click(function() {
jQuery(&#39;.fchat&#39;).toggle(&#39;slow&#39;);
  });
  });
  </script>
  <div id=’cfacebook’>
  <a class=’chat_fb’ href=’javascript:;’ onclick=’return:false;’><i class=’fa fa-facebook-square’/> Gửi tin nhắn cho bác sĩ</a>
  <div class=’fchat’>
  <div class=’fb-page’ data-adapt-container-width=’true’ data-height=’400′ data-hide-cover=’false’ data-href=’https://www.facebook.com/sanphukhoaauco/‘ data-show-facepile=’true’ data-show-posts=’false’ data-small-header=’false’ data-tabs=’messages’ data-width=’250’/>
  </div>
  </div>

Note:
Please change the red character for your demand

Most views

Leave a Reply

Your email address will not be published. Required fields are marked *