Cara Membuat Facebook Comment di Blogspot

Diposkan oleh geazzy astria on Kamis, 06 September 2012

Setelah kemarin saya menulis artikel tentang Membuat Facebook Like Box di Blog Sekarang saya akan membahas Cara Membuat Facebook Comment di Blogspot. Tidak dipungkiri jika facebook merupakan sebuah jejaring sosial  yang sangat popular.

Dan di Indonesia sendiri merupakan salah satu negara yang mempunyai pengguna facebook yang lumayan besar. Oleh karena itu kita bisa memanfaatkan kesempatan ini untuk menjadikannya menjadi salah satu alat untuk bisa berkomentar di blogspot kita. Karena selain berfungsi sebagai komentar bisa juga nantinya komentar yang ditulis di blog kita akan langsung muncul di wall orang yang memberi komentar di blog kita (apabila si orang yang komentar mencentang tulisan post to facebook). Dan yang muncul di wall mereka adalah berupa komentar dan link ke blog kita.
Oke

Oke langsung saja kita bahas langkah langkah Cara Membuat Facebook Comment di Blogspot:

1. Demi keamanana back up template anda terlebih dahulu.
1. Login ke akun facebook anda
2. Masuk ke link ini: developers.facebook.com/setup
3. Isi App Name dengan nama aplikasi anda, Kemudian kosongkan saja App Namespacenya, dan  centang Web Hosting lalu klik lanjutkan.
 
 4. Kemudian catat id aplikasi anda

5. Buka https://developers.facebook.com/apps/nomor-app-id-anda/ kemudian klik edit app
6. Masukkan URL situs anda di site URL
 7. Masuk/login ke akun blogspot anda ->Pilih Template -> Klik Edit HTML -> Lanjutkan
 
8. Cari kode di bawah ini dengan Ctrl + f (Biasanya letaknya berada di atas sendiri) 
<html b:version='2' class='v2' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>

Tambahkan kode di bawah ini
xmlns:fb='http://www.facebook.com/2008/fbml'

Sehingga menjadi
<html b:version='2' class='v2' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr' xmlns:fb='http://www.facebook.com/2008/fbml'>
9. Cari kode </head> dan letakkan kode berikut  ini diatasnya
 <b:if cond='data:blog.pageType == &quot;item&quot;'> 
    <meta expr:content='data:blog.pageTitle' property='og:title'/> 
    <meta expr:content='data:blog.url' property='og:url'/> 
    <b:else/> 
    <meta expr:content='data:blog.title' property='og:title'/> 
    <meta expr:content='data:blog.homepageUrl' property='og:url'/> 
    </b:if> 
    <meta content='JUDUL BLOG ANDA' property='og:site_name'/>  
    <meta content='App ID' property='fb:app_id'/> 
    <meta content='ID FB' property='fb:admins'/> 
    <meta content='article' property='og:type'/>

  • Ganti JUDUL BLOG ANDA sesuai judul blog/situs anda.
  • Ganti tulisan APP ID ANDA dengan nomor aplikasi id .
  • Ganti ID FB dg ganti dengan ID FB profil milik anda. Contoh : https://www.facebook.com/profil/100000149724303
10. Ulangi langkah nomor 9 Cari kode </head> tadi dan letakkan kode berikut ini tepat dibawah kode </head>

<div id='fb-root'/>
<script>
    window.fbAsyncInit = function() {
    FB.init({
      appId  : 'App ID',
      status : true, // check login status
        cookie : true, // enable cookies to allow the server to access the   session
      xfbml  : true  // parse XFBML
    });
  };

    (function() {
    var e = document.createElement(&#39;script&#39;);
      e.src = document.location.protocol +   &#39;//connect.facebook.net/en_US/all.js&#39;;
    e.async = true;
      document.getElementById(&#39;fb-root&#39;).appendChild(e);
    }());
</script>
Ganti tulisan APP ID dengan ID IPP milik anda

11. Cari kode di bawah ini
title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
        </b:if>
        </b:if>

 Tambahkan kode di bawah ini
<b:if cond='data:blog.pageType == &quot;item&quot;'> 
    <div class='fb-comments' data-num-posts='2' data-width='450' expr:data-href='data:post.url'/> 
    </b:if>
 Sehingga menjadi
title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
        </b:if>
        </b:if>
 <b:if cond='data:blog.pageType == &quot;item&quot;'> 
    <div class='fb-comments' data-num-posts='2' data-width='450' expr:data-href='data:post.url'/> 
    </b:if>

12. Save templates anda

Demikian tadi Cara Membuat Facebook Comment di Blogspot semoga bermanfaat untuk anda :)

{ 1 komentar... read them below or add one }

Anthony Kery mengatakan...

cara mendapatkan uang internet | Cara Mendapatkan Uang Dari Internet 100% Cepat, Gartis dan Halal.

Poskan Komentar