Cara Membuat Komentar Facebook pada setiap Postingan di Blog

      kesempatan kali saya akan berbagi tutorial lagi tentang cara memasang komentar facebook di setiap postingan. Yang saya maksudkan disini adalah komentar facebook yang berbeda di setiap artikel yang kita tulis di blog jadi intinya tidak akan ada komentar sama satu dengan komentar lain di artikel berbeda pula, untuk melihat screenshot sudah saya sediakan di bawah.

Berbeda dengan tampilan multi tab yang sebelumnya terdapat komentar facebook, blogger, dan twitter, tutorial ini paling mudah jika di banding dengan membuatkomentar multi tab. Untuk tutorialnya silahkan mengikuti tahap di bawah ini :

1. Login akun blog sobat

2. Masuk ke "Template"

3. Backup data dulu sebelum lanjut ke "Edit HTML"

4. Masuk ke "Edit HTML"

5. Cari kode </head> lebih cepat tekan Ctrl + F (F3)

6. Masukkan kode di bawah ini tepat di bawah kode </head>

1.      <div id='fb-root'/>  

2.    t;script>(function(d, s, id) {  

3.    var js, fjs = d.getElementsByTagName(s)[0];  

4.    if (d.getElementById(id)) return;  

5.    js = d.createElement(s); js.id = id;  

6.    js.src = &#39;http://connect.facebook.net/id_ID/all.js#xfbml=1&#39;&#39;app_id:230410360403658&#39;;  

7.    fjs.parentNode.insertBefore(js, fjs);  

8.    document, &#39;script&#39;, &#39;facebook-jssdk&#39;));</script>  

7. Cari kode <b:includable id='postQuickEdit' var='post'> lebih cepat tekan Ctrl + F (F3), setelah ketemu di atas kode tersebut terdapat kode </b:includable>.

8. Masukkan kode di bawah ini tepat di atas kode </b:includable>

1.        <b:if cond='data:blog.pageType == &quot;item&quot;'> <div id='fb-root'/>  

2.    <script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>  

3.    <fb:comments expr:href='data:post.url' num_posts='5' width='570'/>  

4.    </b:if>  

Keteranga :

·          sobat bisa ganti angka di num_posts dengan jumlah maksimal yang di tampilkan

·         dan juga bisa mengganti angka di width untuk mengatur lebar dari kolom komentar

9. Simpan template dan lihat hasilnya

NB : Untuk mengatur dan melihat komentar yang masuk ke blog sobat silahkan pergi ke Facebook Developers

Semoga artikel di atas dapat membantu dan bermanfaat buat sobat, jika ada kritik maupun saran silahkan tinggalkan di kolom komentar.

Sumber : http://afanieshare.blogspot.com

Tweet

Jangan sampai ketinggalan postingan-postingan terbaik dari Ngasah Ilmu. Berlangganan melalui email sekarang juga:

Atau sobat juga bisa follow Ngasah Ilmu dengan mengklik tombol di bawah ini:

Artikel keren lainnya:

Ditulis oleh Unknown pada tanggal Sunday, May 4, 2014