Cara memasang komentar dari facebook ke blogspot

Question

Table of Contents Show

1. Pasang Script SDK
2. Sembunyikan Komentar Bawaan Blogger
3. Pasang Script Komentar Facebook

Untuk bisa menggunakan komentar Facebok di blog ini pengunjung diharuskan login dulu ke akun masing-masing. Berhubung Facebook adalah media sosial terbesar dan terbanyak penggunanya di Indonesia, bisa dipastikan hampir 100% pengunjung blog sudah memiliki akun Facebook, jadi semuanya bisa berkomentar.

Pengguna Facebook pun biasanya lebih bawel dan aktif. Hal ini bisa dilihat di postingan Fanspage media atau berita dimana sesama pengguna saling lempar argumen sehingga interaksinya sangat tinggi. Jadi siapa tahu dengan memasang kotak komentar Facebook ini, blog kamu bisa ikutan ramai seperti cerita diatas.

1. Pasang Script SDK

Cara mengganti komentar bawaan Blogger dengan komentar Facebook

. Pertama, simpan kode ini "SETELAH / DI BAWAH" <body>.

<div id="fb-root"></div>
<script> //<![CDATA[
  (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 = 'https://connect.facebook.net/id_ID/sdk.js#xfbml=1&version=v3.1';
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
//]]> </script>

2. Sembunyikan Komentar Bawaan Blogger

Biasanya orang lain menyarankan untuk menghapus kode komentar bawaan Blogger. Tapi saya tidak akan melakukan itu untuk jaga-jaga jika suatu hari ingin kembali menggunakan plugin komentar asli.

Komentar bawaan cukup disembunyikan, tidak perlu dihapus. Caranya:
1. Pergi ke menu Settings » Posts, comments and sharing.
2. Di bagian Comment Location pilihlah Hide.
3. Setelahnya klik tombol Save settings.

3. Pasang Script Komentar Facebook

Sekarang saatnya untuk memasang kotak komentar Facebook di dalam postingan Blogger. Cari dulu kode dengan nama comment_picker ATAU commentPicker di dalam template.

<b:include cond='data:view.isSingleItem' data='post' name='comment_picker'/>

ATAU

<b:include cond='data:view.isSingleItem' data='post' name='commentPicker'/>

Jika kesulitan, gunakan fitur pencarian dengan menekan keyboard CTRL + F dan cukup masukkan kata kunci name='comment_picker' ATAU commentPicker agar mudah dicari. Jadi tidak usah mencari semua kodenya ya, cukup masukkan kata kunci saja.

Setelah ketemu, simpan kode berikut "SETELAH / DI BAWAH" kode yang berhasil ditemukan tadi:

<b:if cond='data:view.isSingleItem'>
<div class='fb-comments' data-numposts='5' expr:data-href='data:blog.canonicalUrl' data-width='100%'></div>
</b:if>

data-numposts adalah jumlah komentar yang muncul di muka. Angkanya bisa diubah sesuai keinginan.

Gimana, gampang banget kan cara pasang plugin komentar Facebook ke dalam artikel Blogger? Yuk praktekan langsung ke blog masing-masing!

Seperti memasang komentar facebook di blogger sudah banyak digunakan pada kalangan blogger karena sebagian besar pengguna internet selalu terhubung dengan akun facebooknya jadi agar para pengunjung blog lebih mudah berkomentar menggunakan akun facebooknya. Berikut ini cara memasang komentar facebook di blog kamu.

Langkah:

1. Masuk ke akun blogger.
2. Pilih menu template – Edit HTML.
3. Cari kode (CTRL+F) ini <div class=’comments’ id=’comments’>

4. kemudian letakkan kode di bawah ini tepat dibawah kode <div class=’comments’ id=’comments’>

</p> <div title='Comments made with Facebook'><img class="comments-tab-icon" src="http://static.ak.fbcdn.net/rsrc.php/v1/yH/r/eIpbnVKI9lR.png" /><fb:comments-count expr:href='data:post.url'/> Comments </div> <div title='Comments from Blogger'><img class="comments-tab-icon" src="https://inwepo.co/wp-content/uploads/2014/06/icon_logo32.gif" /> <data:post.numComments/> Comments </div> <div class='clear'/></div> <div><p><b:if cond='data:blog.pageType == "item"'></p> <div id='fb-root'/><fb:comments expr:href='data:post.url' num_posts='2' width='400'/></b:if></div> <div><p>

(Jika terdapat 2 kode <div class=’comments’ id=’comments’> letakan juga semua kodenya tepat di bawahnya)

5. Cari dan ubah kata “ID FACEBOOK KAMU” dengan id facebook kamu atau id fans page kamu.

Untuk mendapatkan ID facebook kita caranya copy url ini https://graph.facebook.com/usernameFB ke browser kamu,
Contoh: https://graph.facebook.com/inwepo

Nanti akan terlihat ID Facebook kamu.

6. Simpan template, dan coba. Semoga berhasil 🙂

Teknologi Facebook Igniel