Cara Memasang Contact Form Di Blog Amp

Salah satu sarana biar sanggup berkomunikasi antara pemilik dan pengunjung Blog selain melalui kolom komentar yaitu melalui contact form. Jika biasanya kolom komentar dipakai untuk berinteraksi, pengunjung bertanya kepada penulis terkait bahasan dalam sebuah posting tersebut maka untuk contact form ini sifatnya lebih umum, contohnya untuk urusan bisnis, pemasangan iklan dan sebagainya, dan pesan yang dikirim melalui contact form akan masuk melalui email milik si pemilik blog.

Oleh alasannya yaitu itu contact form mempunyai tugas yang tidak mengecewakan penting dalam sebuah blog. Baik blog AMP atau Blog Non AMP seharusnya menyediakan contact form tersebut, tetapi memang cara menciptakan contact form di Blog AMP terasa lebih sulit dibandingkan dengan blog Non AMP. Terasa sulit mingkin alasannya yaitu tidak banyak orang yang membagi ilmu cara menciptakan contact form untuk blog AMP.

Sayapun merasa kesulitan mencari caranya, dan hasilnya sesudah usang muter muter saya menemukan satu sumber yang sanggup dipercaya yaitu kompiajaib.com miliknya mas Adhy Suryadi.

Dan hasilnya sesudah berguru dari sana, saya sanggup memasang contact form di blog milik saya ini, contohnya sanggup Agan lihat melalui tombol di bawah ini:

CONTACT FORM

Lalu bagaimana cara menciptakan contact form di blog AMP? dibawah ini yaitu penjelasannya

Cara Membuat Contact Form Untuk Blog AMP

Sebelum masuk ke caranya pastikan dulu template blog Agan sudah mempunyai arahan amp-iframe menyerupai dibawah ini:

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

JIka belum mempunyai arahan amp-iframe tersebut, salin arahan diatas kemudian simpan di bawah kode </style> atau di atas arahan </head> Kalau sudah yakin ada lanjut ke langkah selanjutnya.

Khusus Untuk Yang Memakai Template Infinite AMP

Nah buat teman-teman yang memakai template infinite AMP dari teh Arlina menyerupai yang saya pakai ini, ada beberapa langkah yang harus dilakukan yaitu:

Buka Tema >> Edit HTML
Cari arahan berikut ini : <script async='async' custom-element='amp-social-share' src='https://cdn.ampproject.org/v0/amp-social-share-0.1.js'/>
Nah sempurna diatas arahan tersebut ada arahan tag conditional menyerupai ini: <b:if cond='data:blog.pageType == "item"'>

Hapuslah tag conditional tersebut beserta dengan tag penutupnya yaitu </b:if>
Kemudian Save Template

Cara Membuat Contact Form Untuk Blog AMP Lanjutan

Pertama-tama kita harus menciptakan Blog gres (di akun yang sama) khusus untuk contact form
Aktifkan setelan https blog gres tersebut
Kemudian masuk ke hidangan Template atau Theme kemudian non aktifkan tampilan mobile theme-nya
Kemudian masuk ke hidangan Template atau Theme Edit HTML kemudian hapus semua arahan HTML blog tersebut dan ganti dengan arahan khusus (template khusus) contact form dari kompiajaib.com, silahkan donlot melalui link dibawah ini

Template Contact Form

Selanjutnya buatlah halaman statis untuk contact form dan simpan arahan HTML dibawah ini pada halaman statis contact form

<amp-iframe title="Cara Memasang Contact Form Di Blog AMP"               src="https://contactforminfohp.blogspot.com"               height="400"               layout="fixed-height"               frameborder="0"               sandbox="allow-forms allow-scripts allow-same-origin allow-modals allow-popups">     <amp-img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4Y05ym31P7nZDjd7gabs6WDAIGMDj0mWsZTaCAJKgiaHAEwYNQr3GYkkHkRec-2qSdqSlHt4_WLMHlxokumkjqAbXjtyf58brDUFUMvEAWWaKD24x-SmJzbcjVB9g_x4I9s_XN9zohFQ/s1600/placeholder.png"              layout="fixed-height"              height="400"              width="auto"              placeholder>     </amp-img>   </amp-iframe>

Jangan Lupa untuk mengganti https://contactforminfohp.blogspot.com dengan URL Bloc contact form yang tadi dibuat.
Terakhir yaitu publikasikan halaman tersebut dan buatlah hidangan untuk memanggil halaman contact form