Cara Memasang Komentar Disqus Valid AMP diBlogger

account_circle Unknown, query_builder 28 Oktober 2016

TIPS CODE SHARE - Setelah beberapa minggu saya tidak berbagi tutorial, sekarang saya akan membagikan tutorial Cara Memasang Komentar Disqus pada template AMP. Sebenarnya saya sudah ingin membagikan tutorial ini beberapa yang lalu hehehe dikarenakan sibuk diluar.

Ini saya dapatkan di Github.com, menggunakan iframe sehingga menjadi Valid AMP. Tampilan disqus pun masih sederhana sobat seperti gambar diatas. Untuk cara memasangnya mudah sobat, berikut ini tutorialnya.

<amp-iframe expr:src='&quot;https://cdn.rawgit.com/ErvanKusnaidi/AMPku/master/disqus_amp2.html?shortname=kangervan&amp;url=&quot; + data:blog.canonicalUrl' frameborder='0' height='300' layout='responsive' resizable='resizable' sandbox='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> 

Letakan kode tersebut tepat dibawah kode <b:includable id='comments' var='post'>.

Info : jangan lupa mengubah username disqus kangervan dengan username disqus anda.