Cara Pasang Komentar Facebook Di Blogger Valid AMP

Hi sobat... pada kesempatan kali ini saya akan membahas tentang cara memasang komentar facebook pada blog valid AMP khususnya untuk platform Blogger/Blogspot. Komentar facebook 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 langkah-langkah yang dapat sobat terapkan untuk memasang komentar facebook di blogger valid AMP;

Silahkan 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 Sobat light atau terang, silahkan hapus kode data-colorscheme='dark'

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

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

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

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

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

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

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

Selesai.

AMP Blogging Social Media Widget