Formulir Kontak

Nama

Email *

Pesan *

Pasang Komentar Facebook di Setiap Posting

Aizzan Blog -- Sebelumnya saya mengucapkan selamat hari raya idul fitri 1434 Hijriyah bagi yang merayakan, pada 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.


Aizzan Blog:  Pasang Komentar Facebook di Setiap Posting
Aizzan Blog:  Pasang Komentar Facebook di Setiap Posting
Berbeda dengan tampilan multi tab yang sebelumnya terdapat komentar facebook, blogger, dan twitter, tutorial ini paling mudah jika di banding dengan membuat komentar 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>
    <div id='fb-root'/>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = &#39;http://connect.facebook.net/id_ID/all.js#xfbml=1&#39;&#39;app_id:230410360403658&#39;;
fjs.parentNode.insertBefore(js, fjs);
}(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>
    <b:if cond='data:blog.pageType == &quot;item&quot;'> <div id='fb-root'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<fb:comments expr:href='data:post.url' num_posts='5' width='570'/>
</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 atau dapat mengrim pesan melalui Contact Me.
Previous
Next Post »
0 Komentar