Gampang Caranya Pasang Komentar Facebook Di Blog Valid AMP

Asalamualaikum para pencinta cloning blogger... pada akhir bulan ini saya akan membahas tentang cara memasang komentar facebook pada blogger template valid Amp HTML intinya hanya untuk platform Blogger/Blogspot. Bagaimana sih caranya berkomentar di facebook yang valid AMP sendiri telah diperkenalkan sejak pertengahan January lalu bersamaan dengan komentar Disqus dan komentar Google Plus (G+) untuk menggantikan sistem komentar bawaan Blogger yang telah dinonaktifkan untuk memungkinkan integrasi AMP HTML.

Berikut Gampang caranya yang dapat kalian termpatkan untuk memasang komentar facebook di blogger valid Amp HTML;

Langkah pertama coba kalian copy kode HTML 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>

Jika background blog Kalian light atau terang, coba hapus kode data-colorscheme='dark'

Kemudian coba simpan kode HTML tadi 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>

Coba 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'/>

Kemudian coba simpan kode meta di bawah ini di atas kode </head>

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

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

Coba ganti xxxxxxxxxxxxxxx untuk fb:admins dengan ID profile Facebook Kalian dan xxxxxxxxxxxxxxx untuk fb:profile_id dengan ID fans page blog Kalian.

Kemudian coba 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>

Selesai.