Cara Pasang Komentar Facebook Template Blog AMP

Cara Memasang Komentar Facebook Valid AMP Pada Blog.  Kotak komentar Facebook (FB Comment Form) ini akan muncul atau tampil di atas kolom komentar Disqus yang biasa ada di template blog AMP karena komentar blogger tidak valid AMP.

1. Copy kode HTML ini berikut ini.

<b:includable id='fb-comment' var='post'>
<div class='fb-comments' id='fb_comments'>
<amp-facebook-comments data-numposts='5' expr:data-href='data:post.url' height='180' layout='responsive' width='600'>
</amp-facebook-comments>
</div>
</b:includable>


2. Paste di bawah kode berikut ini:

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

Sehingga menjadi begini:

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

3. Copy kode berikut ini:

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


4. Paste/simpan tepat di bawah kode berikut ini:

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

5. Copas kode berikut ini di atas kode </head>

<meta content='ID fans page' property='fb:admins'/>
<meta content='ID profile Facebook' property='fb:profile_id'/>

6. Copas 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>

Save!
Demikian cara memasang kolom atau kotak komentar facebook di tempate blog AMP.

Related Posts
Disqus Comments
© Copyright 2017 Contoh Blog AMP - All rights reserved