Cara Memasang Komentar Disqus Valid AMP di Blogger


Penggunaan AMP HTML sudah mulai banyak digunakan. Bagi pengguna Blogger, meskipun belum ada dukungan fitur AMP pada sistem Blogger, namun dengan menggunakan template yang valid masih menjadi alternatif yang banyak dipilih.

Karena hal itu pula beberapa fitur umum yang ada di Blogger masih belum mendukung fitur AMP, salah satunya adalah sistem komentar di Blogger. Saat ini Disqus masih menjadi satu-satunya sistem komentar yang sudah menukung AMP HTML. Namun untuk memasang sistem komentar Disqus pada blog AMP ada cara yang perlu digunakan.

Kode Disqus untuk blog AMP

Meskipun mendukung AMP, cara memasang sistem komentar Disqus di Blogger tidak bisa dengan cara biasa. Cara pemasangan biasa melalui menu Settings lalu Installation akan menghasilkan error validasi AMP HTML. Berikut ini cara yang bisa kamu gunakan untuk memasang sistem komentar Disqus pada blog AMP HTML. Salin kode berikut ini lalu ganti bagian yang ditandai sesuai keinginan kamu, yang paling utama adalah username Disqus.

<amp-iframe expr:src='&quot;https://cdn.rawgit.com/pintaramp/main/master/amphtmldisqus.html?shortname=pintaramp&amp;fontBodyFamily=sans-serif&amp;fontLinkColor=e8554e&amp;url=&quot; + data:blog.canonicalUrl' frameborder='0' height='300' layout='responsive' resizable='resizable' sandbox='allow-forms allow-scripts allow-same-origin allow-modals allow-popups' width='600'>
<div aria-label='Disqus Comments' overflow='' role='button' tabindex='0'>Disqus Comments</div>
</amp-iframe>

Memasang Disqus di blog AMP

Pertanyaan selanjutnya adalah, di mana kode tersebut akan dipasang!? Pada halaman Blogger, buka Tema lalu klik Edit HTML. Temukan kode berikut pada HTML blog kamu, lalu letakkan kode amp-iframe tadi tepat di bawahnya.

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

For your information kalau komentar disqus yang dipasang seperti cara di atas kemungkinan akan tampil pada halaman postingan dan halaman statis (halaman statis seperti ini atau ini). Jika kamu ingin mengatur agar komentar hanya tampil pada halaman posting kamu bisa meletakkan kode amp-iframe di atas dengan tag kondisional berikut:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
LETAKKAN KODE amp-iframe DI SINI
</b:if>

Penutup

Itulah tips yang bisa kamu gunakan untuk memasang sistem komentar Disqus pada blog AMP HTML. Agar blog yang menggunakan AMP bisa tetap menerima komentar dengan halaman yang valid. Jangan lupa berikan komentar terbaik kamu ya. Terima kasih dan sampai jumpa!
Disqus Comments