Cara Mengatasi Error Pada Tombol Disqus di Amp Template

Cara Mengatasi Error Pada Tombol Disqus di Amp Template

Cara Mengatasi Error Pada Tombol Disqus di Amp Template

Sejak atribut sandbox diatur ke empty string (""), maka tombol submit pada iframe inline otomatis menjadi terblokir, dan jika diperhatikan lebih teliti maka anda akan menemukan tombol submit disqus komen yang error pada template Amp Kompi Design.

Konsekuensinya adalah ketika kita akan memberikan komentar pada kolom komentar disqus dengan cara mengklik tombol post as pada komen disqus, komentar ada akan diblog, dengan kata lain anda tidak akan bisa memberikan komentar di blog tersebut.
Mengatasi Error Pada Tombol Disqus di Amp Template

Nah untuk mengatasi masalah tersebut diatas, sebenarnya sangatlah sederhana sekali, pada kasus ini untuk tetap dapat mengiriman pesan komentar di komen disqus pada Amp Blogger, silahkan anda salin kode di bawah ini dan tambah pada atribut sanbox.

allow-forms

Sebagai contoh jika sebelumnya kode ifame pada disqus komen seperti dibawah ini

<amp-iframe expr:src='&quot;https://cdn.rawgit.com/antoncabon/disqus/master/disq-amp.html?shortname=amptemplate&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>


Perhatikan pada atribut "sandbox" tambahkan allow-forms, kemudian akan menjadi seperti contoh dibawah ini

<amp-iframe expr:src='&quot;https://cdn.rawgit.com/antoncabon/disqus/master/disq-amp.html?shortname=amptemplate&amp;url=&quot; + data:blog.canonicalUrl' frameborder='0' height='140' 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>

Simpan template anda, dan sekarang anda sudah bisa berkomentar kembali dengan nyaman, aman, damai dan sentosa :) , selamat mencoba.

Silahkan anda kunjungi kolom komentar pada demo Blog Amp di bawah ini untuk mencoba berkomentar.


Demikianlah Tutorial mengenai Cara Mengatasi Error Pada Tombol Disqus di Amp Template, semoga ada manfaatnya ya, dan saya sangat senang jika sobat dapat berkomentar atau memberi masukan mengenai tutorial diatas. Jika ada sobat Blogger yang ingin berdiskusi seputar Postingan ini atau Postingan tentang Dunia Kebun Sawit, silahkan tinggalkan komentar sobat di kolom komentar blog ini. saya akan sangat senang meresponnya, terimakasih salam Antoncabon.

"Hendaknya kesibukan kita lebih berfokus pada penyempurnaan penunaian kewajiban-kewajiban kita kepada Tuhan, sebab Dia, Tuhan yang sekaligus Pemberi Rejeki pasti akan membalas penunaian kewajiban tersebut dengan anugrah-Nya yang akan mencukupi kebutuhan kita." my fav words!

DONASI VIA FASAPAY



Share this:

Share this with short URL: Get Short URL loading short url

You Might Also Like:

Disqus
Blogger
Pilih Sistem Komentar Yang Disukai

0 Comment

Add Comment

Suka dengan postingan ini? Silahkan share postingan ini dengan cara klik Tombol SHARE THIS di atas, Terimakasih.


image
How to style text in Disqus comments Top Disqus Commentators
  • To write a bold letter please use <strong></strong> or <b></b>.
  • To write a italic letter please use <em></em> or <i></i>.
  • To write a underline letter please use <u></u>.
  • To write a strikethrought letter please use <strike></strike>.
  • To write HTML code, please use <code></code> or <pre></pre> or <pre><code></code></pre>.
    And use parse tool below to easy get the style.
Show Parser Box

How to get ID DISQUS - http://disq.us/p/[ID DISQUS] - lihat di sini

strong em u strike
pre code pre code spoiler
embed

Like Anton Cabon? Keep us running by whitelisting Antoncabon in your ad blocker.

This is how to whitelisting Antoncabon in your ad blocker.

Thank you!

×
×
×