2 Cara Memasang Facebook Messenger Di Blog

Posted by at

    Facebook Messenger



    Facebook Messenger adalah aplikasi dan platform perpesanan yang dikembangkan oleh Facebook, Inc. Facebook telah meluncurkan antarmuka situs web khusus (Messenger.com), dan memisahkan fungsionalitas pengiriman pesan dari aplikasi Facebook utama, yang memungkinkan penggunanya lebih mudah memakai messenger di browser.

    Dengan messenger, kita dapat mengirim pesan dan bertukar foto, video, stiker, audio, dan file, serta bereaksi terhadap pesan pengguna lain karena juga mendukung panggilan suara dan video.

    Di bawah ini saya akan membagikan tutorial 2 Cara Memasang Facebook Messenger Di Blog , jadi dengan adanya LIVE Facebook Messenger di blog, maka pengunjung blog bisa langsung berinteraksi dengan admin blog atau pemilik blog. Tapi sebelum membuat hal itu, langkah pertama yg harus dilakukan yaitu Membuat ID Aplikasi Facebook Developers dan harus tau gimana Cara Membuat Halaman (Fans Page) Facebook.

    Memasang Facebook Messenger



    Cara Pertama

    1. Login ke blogger.com

    2. Di dashboard blogger, klik Tema >> Edit Tema , copy kode di bawah ini lalu paste di <body>

    <script>
  window.fbAsyncInit = function() {
    FB.init({
      appId            : 'ID APLIKASI FACEBOOK',
      autoLogAppEvents : true,
      xfbml            : true,
      version          : 'v6.0'
    });
  };
</script>
<script async defer src="https://connect.facebook.net/en_US/sdk.js"></script>

    Ganti ID APLIKASI FACEBOOK dengan ID APLIKASI masing-masing

    3. Cari <data:post.body/> yg kedua , copy kode di bawah ini lalu paste di atas <data:post.body/>

    <div class="fb-messengermessageus" 
  messenger_app_id="ID APLIKASI FACEBOOK" 
  page_id="ID HALAMAN FACEBOOK"
  color="blue"
  size="standard">
</div>

    Ganti ID APLIKASI FACEBOOK & ID HALAMAN FACEBOOK masing-masing

    4. Terakhir, klik Simpan Tema

    Cara Kedua

    1. Di dashboard blogger, klik Tema >> Edit Tema , copy kode di bawah ini, lalu paste di bawah <body>

    <script>
  window.fbAsyncInit = function() {
    FB.init({
      appId            : 'ID APLIKASI FACEBOOK',
      autoLogAppEvents : true,
      xfbml            : true,
      version          : 'v6.0'
    });
  };
</script>
<script async defer src="https://connect.facebook.net/en_US/sdk.js"></script>

    2. Klik Simpan Tema

    3. Masih di dashboard blogger, klik Tata Letak >>  Tambahkan Gadget >> HTML/Javascript , copy kode di bawah ini dan paste di kolom Gadget HTML/Javascript

    <div class="fb-messengermessageus" 
  messenger_app_id="ID APLIKASI FACEBOOK" 
  page_id="ID HALAMAN FACEBOOK"
  color="blue"
  size="standard">
</div>

    4. Terakhir, klik Simpan

    Ganti ID APLIKASI FACEBOOK & ID HALAMAN masing-masing

    Itulah tadi 2 Cara Memasang Facebook Messenger Di Blog yg bisa anda coba di blog masing-masing. Semoga bermanfaat!

    Labels: ,