√ Cara Terbaru Memasang Komentar Facebook Responsive di Blogger - AdityaTekno

Social Items

Cara Terbaru Memasang Kolom Komentar Facebook Responsive di Blogger
Cara Memasang Kotak Komentar Facebook Responsive di Blogger - Welcome back sahabat AdityaTekno.COM, tutorial kali ini masih membahasa tentang komentar. 

Jika sebelumnya sudah membahas tentang cara terbaru memasang komentar disqus permanen di blog. Maka di tutorial kali ini akan membahas cara pasang komentar facebook di platform blogger / blogspot.


Apa kalian tahu manfaat memasang komentar facebook di blog kalian? Nah, manfaat memasang komentar facebook di blogger ini memungkinkan pengunjung dapat berkomentar langsung di artikel yang dia baca dengan menggunakan akun facebook.

Untuk tutorialnya adalah sebagai berikut:


Cara Pasang Kotak Komentar Facebook Responsive di Blogger


Pertama, silahkan tambahkan meta tag berikut ini di bawah kode <head> atau &lt;!--<head>--&gt;&lt;head&gt;
<meta content='YOUR FACEBOOK_APP_ID' property='fb:app_id'/><meta content='YOUR ADMIN_PROFILE_ID' property='fb:admins'/><meta content='YOUR ADMIN_PROFILE_ID' property='fb:profile_id'/><meta content='YOUR FANPAGE_ID' property='fb:pages'/>
Dari keempat kode meta tag di atas, direkomendasikan untuk memasang Facebook APP ID. Kegunaan dari kode tersebut adalah memoderasi seluruh komentar yang masuk. Nantinya jika ada komentar mengandung link dan spam, bisa dihapus atau di blacklist. Tidak perlu juga memasang seluruh meta tag tersebut, satu saja sudah memenuhi syarat untuk memoderasi.

Kedua, cari kode seperti dibawah ini.
<b:includable id='commentPicker' var='post'/>

Atau kode yang ini.
<b:includable id='commentPicker' var='post'>

Kemudian letakan kode berikut tepat diatas kode tadi.
<b:includable id='commentFB' var='post'><b:if cond='data:view.isPost'><div class='fbComments' id='fbComments'><div class='fb-comments' data-numposts='10' data-width='100%' expr:data-href='data:blog.canonicalUrl'/></div></b:if></b:includable> 

Ketiga, cari kode </article> lalu letakkan kode berikut di atas kode tadi.
<b:include cond='data:view.isPost' data='post' name='commentFB'/>
Jika komentar Facebook pengen juga ditampilkan pada halaman static, silahkan ubah tag conditional data:view.isPost dengan data:view.isSingleItem pada langkah Ketiga tersebut.

Keempat, cari kode </body> atau &lt;!--</body>--&gt;&lt;/body&gt; lalu letakkan kode berikut ini di atas kode tadi.
<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';js.async = 'async';fjs.parentNode.insertBefore(js, fjs);}(document, 'script', 'facebook-jssdk'));//]]></script>

Kelima, simpan template, lihat hasilnya dengan membuka salah satu postingan blog anda.

Jika komentar menjadi double, dalam artian komentar blogger juga muncul, silahkan pergi ke Dashboard Blogger, lalu pilih menu Settings, dan ikuti petunjuk gambar berikut ini:
Cara Memasang Kolom Komentar Facebook Responsive di Blogger
BroGerrr ganti nama AdityaTekno.COM

Demikian tutorial blog Cara Terbaru Memasang Komentar Facebook Responsive di Blog Blogger/Blogspot. Semoga bisa bermanfaat. Good luck! dan sampai jumpa dipostingan selanjutnya. Salam AdityaTekno.COM.

Cara Terbaru Memasang Komentar Facebook Responsive di Blogger

Cara Terbaru Memasang Kolom Komentar Facebook Responsive di Blogger
Cara Memasang Kotak Komentar Facebook Responsive di Blogger - Welcome back sahabat AdityaTekno.COM, tutorial kali ini masih membahasa tentang komentar. 

Jika sebelumnya sudah membahas tentang cara terbaru memasang komentar disqus permanen di blog. Maka di tutorial kali ini akan membahas cara pasang komentar facebook di platform blogger / blogspot.


Apa kalian tahu manfaat memasang komentar facebook di blog kalian? Nah, manfaat memasang komentar facebook di blogger ini memungkinkan pengunjung dapat berkomentar langsung di artikel yang dia baca dengan menggunakan akun facebook.

Untuk tutorialnya adalah sebagai berikut:


Cara Pasang Kotak Komentar Facebook Responsive di Blogger


Pertama, silahkan tambahkan meta tag berikut ini di bawah kode <head> atau &lt;!--<head>--&gt;&lt;head&gt;
<meta content='YOUR FACEBOOK_APP_ID' property='fb:app_id'/><meta content='YOUR ADMIN_PROFILE_ID' property='fb:admins'/><meta content='YOUR ADMIN_PROFILE_ID' property='fb:profile_id'/><meta content='YOUR FANPAGE_ID' property='fb:pages'/>
Dari keempat kode meta tag di atas, direkomendasikan untuk memasang Facebook APP ID. Kegunaan dari kode tersebut adalah memoderasi seluruh komentar yang masuk. Nantinya jika ada komentar mengandung link dan spam, bisa dihapus atau di blacklist. Tidak perlu juga memasang seluruh meta tag tersebut, satu saja sudah memenuhi syarat untuk memoderasi.

Kedua, cari kode seperti dibawah ini.
<b:includable id='commentPicker' var='post'/>

Atau kode yang ini.
<b:includable id='commentPicker' var='post'>

Kemudian letakan kode berikut tepat diatas kode tadi.
<b:includable id='commentFB' var='post'><b:if cond='data:view.isPost'><div class='fbComments' id='fbComments'><div class='fb-comments' data-numposts='10' data-width='100%' expr:data-href='data:blog.canonicalUrl'/></div></b:if></b:includable> 

Ketiga, cari kode </article> lalu letakkan kode berikut di atas kode tadi.
<b:include cond='data:view.isPost' data='post' name='commentFB'/>
Jika komentar Facebook pengen juga ditampilkan pada halaman static, silahkan ubah tag conditional data:view.isPost dengan data:view.isSingleItem pada langkah Ketiga tersebut.

Keempat, cari kode </body> atau &lt;!--</body>--&gt;&lt;/body&gt; lalu letakkan kode berikut ini di atas kode tadi.
<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';js.async = 'async';fjs.parentNode.insertBefore(js, fjs);}(document, 'script', 'facebook-jssdk'));//]]></script>

Kelima, simpan template, lihat hasilnya dengan membuka salah satu postingan blog anda.

Jika komentar menjadi double, dalam artian komentar blogger juga muncul, silahkan pergi ke Dashboard Blogger, lalu pilih menu Settings, dan ikuti petunjuk gambar berikut ini:
Cara Memasang Kolom Komentar Facebook Responsive di Blogger
BroGerrr ganti nama AdityaTekno.COM

Demikian tutorial blog Cara Terbaru Memasang Komentar Facebook Responsive di Blog Blogger/Blogspot. Semoga bisa bermanfaat. Good luck! dan sampai jumpa dipostingan selanjutnya. Salam AdityaTekno.COM.
Load Comments

Dapatkan Artikel Tips AdSense, Blogging, SEO setiap harinya.

Notifications

Disqus Logo