Monday, October 17, 2016

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!

Related Posts

Loading...

1 komentar

TOP