Cara Memasang Komentar Facebook valid AMP pada Blog

Jika sebelumnya kita hanya mengetahui bahwa hanya komentar disqus saja yang support AMP, namun kini google membuat gebrakan baru. Gebrakan itu adalah kini komentar facebook pun sudah bisa dipasang di blog yang berbasiskan AMP. Cara memasang komentar facebook pun terbilang mudah dan tak memakan waktu lama.

Cara Memasang Komentar Facebook valid AMP pada Blog

Berikut tata cara memasang komentar facebook pada blog AMP HTML yang tentunya valid AMP. Perhatikan langkah demi langkahnya agar tidak salah dalam memasangnya.

#Langkah Pertama, silahkan copy kode HTML ini berikut ini.

            <b:includable id='fb-comment' var='post'>

<div class='fb-comments' id='fb_comments'>

<amp-facebook-comments data-colorscheme='dark' data-numposts='5' expr:data-href='data:post.url' height='180' layout='responsive' width='600'>

</amp-facebook-comments>

</div>

            </b:includable>

Catatan: Jika background blog Sahabat terang atau light, silahkan hapus kode data-colorscheme='dark' pada kode di atas

Kemudian letakkan kode HTML tersebut di bawah kode berikut:

<b:includable id='comments' var='post'>

............

............

............

</b:includable>

Sehingga tampilannya seperti berikut:

<b:includable id='comments' var='post'>

............

............

............

</b:includable>

            <b:includable id='fb-comment' var='post'>

<div class='fb-comments' id='fb_comments'>

<amp-facebook-comments data-colorscheme='dark' data-numposts='5' expr:data-href='data:post.url' height='180' layout='responsive' width='600'>

</amp-facebook-comments>

</div>

            </b:includable>

#Langkah kedua, silahkan copy kode berikut:

<b:include cond='data:blog.pageType == &quot;item&quot;' data='post' name='fb-comment'/>

Dan simpan tepat di bawah kode berikut:

<b:include data='post' name='post'/>

#Langkah ketiga, silahkan simpan kode meta di bawah ini di atas kode </head>

<meta content='xxxxxxxxxxxxxxx' property='fb:admins'/>

<meta content='xxxxxxxxxxxxxxx' property='fb:profile_id'/>

Ganti xxxxxxxxxxxxxxx untuk fb:admins dengan ID fans page blog Anda dan xxxxxxxxxxxxxxx untuk fb:profile_id dengan ID profile Facebook Sahabat.

#Langkah keempat atau terakhir, silahkan simpan kode berikut di atas kode </head>

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<script async='async' custom-element='amp-facebook-comments' src='https://cdn.ampproject.org/v0/amp-facebook-comments-0.1.js'/>

</b:if>

Tralala, sekarang blog AMP Sahabat sudah ada komentar facebooknya yang tentunya tetap valid. OK, demikian cara memasang komentar facebook valid AMP di blog. Jika ada kesulitan, silahkan coret-coret di kolom komentar... #GoodLuck