• Manado Digital Artist

    Widget Komentar facebook di blog
















    1. Masuk/login ke Facebook.com
    2. Kunjungi url ini: developers.facebook.com/setup
    3. Isi kotak yang tersedia sbb:

           a.App Display Name: Contoh
           b.App Namespace: contohcontoh (minimal 7 karakter)
           c.Tanda tik pada "I Agree.."
           d.Klik Continue
           e.Isi verifikasi kata
           f.Klik Submit. Selesai.

      Setelah tulisan "App id" adalah nomor aplikasi id fb Anda. Catat dan simpan nomor App id tersebut di notepad.
      Lihat gambar (klik untuk memperbesar). 


      Alamat blog/situs harus ditambahkan ke aplikasi yang dibuat. Tanpa itu, akan muncul warning di kotak komentar blog seperti "Warning: the url --- is Unreachable". Berikut cara menambah alamat blog:

      a.Masuk/login ke aplikasi Anda yang tadi dibuat. Atau kunjungi link ini: https://developers.facebook.com/apps/nomor-app-id-anda/ (ganti nomor-app-id-anda dengan nomor aplikasi Anda).
      b.Klik Edit Settings (kanan atas)
      c.Pada "Select how your app integrates with Facebook" -> klik Website (paling atas)
      d.Masukkan alamat url blog anda. Contoh, http://www.alkhoirot.net/ (jangan lupa diakhiri dengan garis miring).
      f.Klik Save Changes (lihat gambar).






          Kalau tutorial diatas udah diikuti dengan benar, langkah selanjutnya untuk memasang kotak komentar facebook di blog tinggal liat aja tutorial dibawah ini.


          Kalau bener mau ikutin tutorial selanjutnya

          a.Klik Rancangan
          b.Login dulu ke blogger
          c.Edit html
          d.Jangan lupa “ expand widget template “ dicentang

          Kalau udah, agan cari kode dibawah ini (cari yang paling terakhir karena biasanya lebih dari 1)

          <data:post.body/>

          Kalau kesulitan nyari nya, pake CTRL + F biar lebih cepet.

          Kalau kode diatas udah ketemu copy kode dibawah ini dan paste dibawah kode TADI

          <b:if cond='data:blog.pageType == &quot;item&quot;'>
          <div id='fb-root'/>
          <script>
          window.fbAsyncInit = function() {
          FB.init({appId: &#39;YOUR_APP_ID&#39;, status: true, cookie: true,
          xfbml: true});
          };
          (function() {
          var e = document.createElement(&#39;script&#39;);
          e.type = &#39;text/javascript&#39;;
          e.src = document.location.protocol +
          &#39;//connect.facebook.net/id_ID/all.js&#39;;
          e.async = true;
          document.getElementById(&#39;fb-root&#39;).appendChild(e);
          }());
          </script>
          <fb:comments expr:xid="data:post.id" expr:href='data:post.url' migrated='1' notify='true'  numposts="10" width="480" publish_feed="true"></fb:comments>
          </b:if>

          sebelum dimasukkin scriptnya, ganti Dulu YOUR_APP_ID dengan ID yang udah kamu bikin tadi..
          10 itu jumlah post dan 480 adalah panjang ukurannya

          e.simpan template
          f.lihat hasilnya

            selamat mencoba




             

            Meet The Author

            Experience

            About Me