Mengganti Komentar Disqus Menjadi Komentar Facebook pada Blog AMP
![]() |
Copyright : Sudarcode |
Untuk blog amp sendiri ada dua pilihan untuk memasang komentar yaitu komentar facebook dan komentar disqus ya walaupun sekarang sudah bisa memasang komentar bawaan blogger pada blog amp ini.
Tentu dengan perkembangan tentang amp ini maka kalian bisa memodifikasi kolom komentar yang ada di blog amp ini atau kalian ingin mengubah komentar disqus menjadi komentar facebook karena sudah bosan menggunakan komentar disqus.
Nah karena itu saya akan share tutorial cara mengganti kolom komentar disqus menjadi komentar facebook, bagaimana caranya langsung simak aja tutorial berikut ini.
Mengganti Komentar Disqus Menjadi Komentar Facebook pada Blog AMP
Langkah pertama yang harus kalian lakukan adalah memasang Javascript komentar facebook ini di dulu. Tepatkan kode berikut ini di bawah 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>
Setelah itu kalian komentar disqus dengan CTRL + F cari aja dengan kata kunci disqus maka kalian akan langsung menemukan nya.
Hapus aja kode seperti ini dibawah ini :
<amp-iframe........ sampai </amp-iframe>
Setelah itu ganti dengan kode dibawah ini
<amp-facebook-comments width='600' height='180' layout='responsive' data-numposts='10' data-locale='id' data-order-by='reverse_time' expr:data-href='data:post.url'> </amp-facebook-comments>
Kemudian Klik Simpan
Tambahan
Untuk HTML diatas kode data-locale='id' bisa dicantumkan atau tidak, sedangkan untuk menampilkan kode lama ke terbaru kalian bisa mengubah nya maka harus edit data-order-by='reverse_time' menjadi data-order-by='time'.
Perlu kalian tau kalau facebook hanya menyediakan tema light saja, sedangkan tema dark masih belum tersedia entah kenapa dari facebooknya atau dari amp nya.
Agar bisa membuat moderasi komentat kalian harus membuat aplikasi di Facebook Developer ini, apabila sudah membuatnya dan mendapatkan Aplikasi ID nya kalian bisa masukan Meta Tag di bawah ini
<meta content='123456789' property='fb:app_id'/>
Jangan lupa ganti dengan ID Aplikasi yang telah di buat tadi.
Selamat mencoba.
Post a Comment
To insert a code, use <i rel="pre">code_here</i>