Social Icons

18 February 2011

MEMBUAT KOMENTAR FACEBOOK MUNCUL DI BLOG

Cara memasang "Aplikasi Komentar Facebook" ke dalam blog di Blogger atau Blogspot. Ikuti langkah-langkah di bawah ini:

  • Isikan : Nama situs/blog Anda, URL situs/blog Anda jangan lupa diakhiri tanda "/" (tanpa tanda kutip)
  • Klik tombol "Create app"
  • Isikan Pemeriksaan Keamanan (captcha)
  • Klik tombol "Kirim"

  • Catat "ID Aplikasi" dan "Rahasa Aplikasi" Anda.


  • Copy Kode contoh untuk ditempelkan ke situs/blog Anda.
  • Langkah berikutnya: Anda dapat menambahkan fungsi sosial potong-dan-tempel lain ke situs Anda dengan plugin sosial seperti Tombol Suka dalam contoh di atas. 
  • Untuk memasukkan profil dan teman pengguna aktif ke dalam kode sisi-server Anda, gunakan API Grafik. Facebook mendukung sejumlah SDK untuk memudahkan proses itu:
    Kunjungi panduan untuk memulai untuk informasi selengkapnya.
  • Login ke blogger dashboard Anda, klik "Rancangan", "Edit HTML". Masukkan kode HTML di bawah ini. Kode ini diletakkan di bawah postingan : <div class='post-footer-line post-footer-line-2'>
Catatan: Karena satu dan lain hal, saya tidak menambahkan ke html di halaman blog, tapi saya menambahkan ke gadget.

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:fb="http://www.facebook.com/2008/fbml">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <title>Online Business</title>
  </head>
  <body>
    <h1>Online Business</h1>
    <p><fb:login-button autologoutlink="true"></fb:login-button></p>
    <p><fb:like></fb:like></p>

    <div id="fb-root"></div>
    <script>
      window.fbAsyncInit = function() {
        FB.init({appId: '190633004293181', status: true, cookie: true,
                 xfbml: true});
      };
      (function() {
        var e = document.createElement('script');
        e.type = 'text/javascript';
        e.src = document.location.protocol +
          '//connect.facebook.net/id_ID/all.js';
        e.async = true;
        document.getElementById('fb-root').appendChild(e);
      }());
    </script>
  </body>
</html>

  • Ganti tulisan "ID Aplikasi anda" dengan angka yang ID Aplikasi Anda sendiri.


Jika Anda ingin menyembunyikan kotak komentar bawaan blogspot. Anda tinggal mengklik tab pengaturan pada Dashboard Anda. Lalu pilih komentar. kemudian Pilih "Hide". Maka hanya satu kotak komentar di blog anda. yaitu kotak komentar Facebook.



Selamat Mencoba.
Post a Comment