Memasang Messengger di Blog (Show Hide) Ringan

1. Letakkan script Fb terlebih dahulu di body.

2. Pasang kode HTML berikut:

<div class="chat_box" id="chat">
  <div class="chatheader" onclick='showhidechat()'>Messenger Tuntas.Net
  </div>
    <div class='close-chatfb' onclick='hidechatfb()'>&#215;</div>
    <div class='maxi-chatfb' id='maxi-chatfb' onclick='showhidechat()'>&#8756;</div>
    <div class='mini-chatfb' id='mini-chatfb' onclick='showhidechat()'>&#95;</div>
  <div class="pesan_chat">
    <p>Hai! Kamu bisa kirim pesan ke Admin di sini, jangan lupa LIKE ya... Terima kasih.</p>
    <div class="fb-page" data-href="https://www.facebook.com/fbWEBSITE/" data-tabs="messages" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true" data-width="280" data-height="300" data-small-header="true">
</div>
  </div>
</div>
<script>
//<![CDATA[
function showhidechat() {
  var o = document.getElementById("chat");
  "0px" !== o.style.bottom ? o.style.bottom = "0px" : o.style.bottom = "-400px";
  var o = document.getElementById("maxi-chatfb");
  "none" !== o.style.display ? o.style.display = "none" : o.style.display = "block";
  var o = document.getElementById("mini-chatfb");
  "block" !== o.style.display ? o.style.display = "block" : o.style.display = "none";
};
function hidechatfb() {
  var e = document.getElementById("chat").style.display = "none";
};
//]]>
</script>