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 == "item"' data='post' name='fb-comment'/>Dan simpan tepat di bawah kode berikut:
<b:include data='post' name='post'/></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 == "item"'>
<script async='async' custom-element='amp-facebook-comments' src='https://cdn.ampproject.org/v0/amp-facebook-comments-0.1.js'/>
</b:if>Selesai.