Cara Membuat Forum Diskusi di Halaman Blogger AMP

Sebelumnya saya sudah pernah menjelaskan tentang cara membuat forum diskusi di blogger dan wordpress non AMP, nah untuk kali ini saya akan menjelaskan untuk versi AMP nya.

Untuk membuat forum diskusi di blog versi amp membutuhkan kode tersendiri, karena seperti yang kita ketahui bahwa kita tidak bisa menambahkan Js pada halaman postingan karena akan menyebabkan artikel tersebut tidak akan Valid AMP.

Untuk mengatasi hal tersebut kita bisa menggunakan AMP iframe, nah untuk tutorial cara memasang forum diskusi dengan komentar bawaan Disqus untuk blogger AMP sebagai berikut:

Cara Membuat Forum Diskusi Di Halaman Statis Blogger AMP

1. Buka Blogger
2. Pastikan didalam tema AMP kalian sudah terpasang AMP Iframe seperti dibawah ini

   <script async='async' custom-element='amp-iframe' src='https://cdn.ampproject.org/v0/amp-iframe-0.1.js'/>

3. Buat halaman baru kemudian langsung publikasikan saja dengan URL yang telah anda buat
4. Kemudian Edit kembali
5. kemudian masukkan kode ini didalamnya

   <amp-iframe
     frameborder="0"
     height="1000"
     layout="fixed-height"
     resizable="resizable"
     sandbox="allow-forms allow-scripts allow-same-origin allow-modals allow-popups" 
   src="https://raw.githack.com/felmika/HTML/main/DISQUS-AMP.html?shortname=ID-DISQUS&amp;fontBodyFamily=sans-serif&amp;fontLinkColor=2B0C93&amp;canonicalurl=URL-HALAMAN&amp;title=Forum%20Diskusi" 
   title="Forum Diskusi">
     <div aria-label="Forum Diskusi" overflow="" role="button" tabindex="0"></div>
   <amp-img height="1000" layout="fixed-height" placeholder="" src="https://cdn.staticaly.com/img/1.bp.blogspot.com/-x1yVa6ztsWY/WyHFPLG0uLI/AAAAAAAAyIg/3C5Lb5EjGywOPzO_XSwK1XTu6VlBZE4SgCLcBGAs/s1600/back-iframe.png" width="auto"></amp-img>
   </amp-iframe>

6. Ganti yang saya beri mark sesuai dengan halaman dan ID Disqus kalian

*Keterangan:

• ID-DISQUS : Ganti dengan id Disqus kalian sendiri
• URL-HALAMAN : Ganti dengan URL halaman forum yang sebelumnya telah kalian buat

Demikian lah tutorial dari felmika tentang cara membuat forum diskusi untuk template/blogger AMP, semoga artikel ini dapat bermanfaat terimakasih.