Memasang Contact Form Blogger Pada Halaman Static Blog Amp Html

Setelah kita menemukan cara untuk menampilkan amp-iframe yang tetap dimuat walaupun disimpan di bab atas, sekarang kita tinggal mencari cara untuk menampilkan contact form Blogger pada amp-iframe di halaman static.

Kemudian aku teringat cara memakai contact form Blogger untuk contact Wordpress yang sudah cukup usang aku bagikan. Pada postingan tersebut kita memasang contact form blogger pada Wordpress dengan memakai iframe.

Nah tentu saja trik tersebut dapat kita gunakan juga untuk memasang contact form blogger pada AMP dengan memakai amp-iframe.

Sebagai demonya silahkan cek contact form Kompi Ajaib berikut ini

Contact form Kompi Ajaib

Nah jikalau Anda ingin mencobanya juga silahkan ikuti langkah-langkahnya berikut ini.

Di sini kita akan menciptakan sebuah blog gres khusus untuk contact form ini yang nantinya akan kita tampilkan pada amp-iframe. Blog ini hanya menampilkan contact form saja dan aku saya sudah mengembangkan template khusus untuk contact form blogger ini.

Alasan kita memakai blog gres untuk contact form ini alasannya yaitu contact form Blogger harus dibentuk di blog Blogger, artinya kita tidak dapat menghosting sendiri kode-kodenya.

Namun meskipun memakai blog lain, tetapi pesan akan tetap dikirim pada inbox Admin, itu intinya.

Nah silahkan Anda buat blog gres khusus untuk contact form ini dan kemudian aktifkan HTTPS nya. Kemudian silahkan masuk ke sajian Template atau Theme kemudian non aktifkan mobile theme-nya.

Setelah itu silahkan masuk ke Edit HTML dan silahkan timpah semua arahan di edit HTML dengan arahan template khusus contact form yang aku sediakan. Silahkan unduh templatenya berikut ini.

Unduh template contact form

Setelah itu silahkan save templatenya.

Kemudian sehabis itu silahkan masuk ke dashboard blog AMP Anda kemudian silahkan gunakan arahan berikut ini pada halaman statis dengan mode HTML untuk menampilkan contact form blogger.

 <amp-iframe title="Memasang Contact Form Blogger Pada Halaman Static Blog AMP HTML"
               src="https://contactkompiajaib.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/AVvXsEi5dYUW2tyX2HSay3s7g7YpHWFRc-TEVpeEaIjgMJZ7doQO8UHLJ28iW-rza9ZDxKUzg9UQ1hexTKlVzzJPUYStvg2F7MxU4FX4bnrh9wF22VrNxfW4PG1cJGE2AI7upppNj92RjGcyWt4/s1600/placeholder.png"
              layout="fixed-height"
              height="400"
              width="auto"
              placeholder>
     </amp-img>
   </amp-iframe>

Silahkan ganti arahan URL https://contactkompiajaib.blogspot.com/ ini dengan URL blog contact form Anda yang tadi dibuat.

Kemudian publikasikan halamannya dan silahkan cek penampakan contact form blogger-nya.

Bagaimana, gampang bukan?

Selamat mencoba dan agar bermanfaat.


Sumber https://www.kompiajaib.com/

Share this post