Setelah kita menemukan cara untuk menampilkan amp-iframe yang tetap dimuat walaupun disimpan di bagian atas, kini kita tinggal mencari cara untuk menampilkan contact form Blogger pada amp-iframe di halaman static.Kemudian saya teringat cara menggunakan contact form Blogger untuk contact Wordpress yang sudah cukup lama saya bagikan. Pada postingan tersebut kita memasang contact form blogger pada Wordpress dengan menggunakan iframe.
Nah tentu saja trik tersebut bisa kita gunakan juga untuk memasang contact form blogger pada AMP dengan menggunakan amp-iframe.
Sebagai demonya silahkan cek contact form Kompi Ajaib berikut ini
Contact form
Nah jika Anda ingin mencobanya juga silahkan ikuti langkah-langkahnya berikut ini.
Di sini kita akan membuat sebuah blog baru khusus untuk contact form ini yang nantinya akan kita tampilkan pada amp-iframe. Blog ini hanya menampilkan contact form saja dan saya saya sudah membuatkan template khusus untuk contact form blogger ini.
Alasan kita menggunakan blog baru untuk contact form ini karena contact form Blogger harus dibuat di blog Blogger, artinya kita tidak bisa menghosting sendiri kode-kodenya.
Namun meskipun menggunakan blog lain, tetapi pesan akan tetap dikirim pada inbox Admin, itu intinya.
Nah silahkan Anda buat blog baru khusus untuk contact form ini dan kemudian aktifkan HTTPS nya. Kemudian silahkan masuk ke menu Template atau Theme lalu non aktifkan mobile theme-nya.
Setelah itu silahkan masuk ke Edit HTML dan silahkan timpah semua kode di edit HTML dengan kode template khusus contact form yang saya sediakan. Silahkan unduh templatenya berikut ini.
Setelah itu silahkan save templatenya.
Kemudian setelah itu silahkan masuk ke dashboard blog AMP Anda lalu silahkan gunakan kode berikut ini pada halaman statis dengan mode HTML untuk menampilkan contact form blogger.
<amp-iframe title="Contact"
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/AVvXsEibXbPAwL2yEUin5xLBSpXY2V0HZgwxyc63_p88JQ2Wa-lW_Q5-3mlZb0IiFvjO7lp6CcE5-r7hJEM1-mVwqxyzl8xWN959rC2mbpK5QnmqMLnJTpMCS8TQdQsm9xp3Udvz-RFem_WDPSo/s1600/placeholder.png"
layout="fixed-height"
height="400"
width="auto"
placeholder>
</amp-img>
</amp-iframe>Silahkan ganti kode URL
https://masternetkom.blogspot.com/ ini dengan URL blog contact form Anda yang tadi dibuat.Kemudian publikasikan halamannya dan silahkan cek penampakan contact form blogger-nya.
Bagaimana, mudah bukan?
Selamat mencoba dan semoga bermanfaat.