Membuat Contact Form Untuk Blog AMP Pada Halaman Static - Selamat malam teman blogger, sesudah sebelumnya Saya posting Membuat Sitemap Untuk Blog AMP Pada Halaman Static. Dan pada kesempatan kali ini Saya akan coba posting Membuat Contact Form Untuk Blog AMP Pada Halaman Static.Seperti kita ketahui bahwa blog amp tidak dapat menampilkan amp-iframe kalau di simpan kurang dari 70% dari tepi atas layar. Tetapi, dengan cara in, kita dapat menyimpan amp-iframe biar tampil tanpa harus ada batas tinggi untuk menyimpan amp-iframe.
Sehingga dengan begitu kita dapat menampilkan contact form di halaman static Blogger dengan memakai amp-iframe yang disimpan di atas postingan halaman static Blogger tanpa 70% dari tepi atas layar.
Jika teman ingin mencoba pada blog amp teman juga, silahkan ikuti langkah-langkahnya dibawah 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 sibat harus download 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.
Meskipun teman memakai blog lain, tetapi pesan akan tetap dikirim pada inbox Admin.
Silahkan teman 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 isyarat di edit HTML dengan isyarat template khusus contact form yang sudah di sediakan di bawah ini. Silahkan unduh templatenya berikut ini.
Setelah itu silahkan save templatenya.
Kemudian sesudah itu silahkan masuk ke dashboard blog AMP Anda kemudian silahkan gunakan isyarat berikut ini pada halaman statis dengan mode HTML untuk menampilkan contact form blogger.
<amp-iframe title="Membuat Contact Form Untuk Blog AMP Pada Halaman Static"
src="https://contactwebsitemini.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/AVvXsEiuBT6ZZFWCXdnJDCzBMVZTLTAuxUK1NaNj5lBE6Wt_zeyH3HVsj0QBcOAQYIKr-7H5fzkt2v2KP75Eb0KHM3hBhc9ve-h2fl4uO7AvOZ76WLHKawC1ul1UNqV-aWzaTC0hg-kUk2ew1wA/s1600/placeholder.png"
layout="fixed-height"
height="400"
width="auto"
placeholder>
</amp-img>
</amp-iframe>
Silahkan ganti isyarat URL
https://contactwebsitemini.blogspot.com/ ini dengan URL blog contact form Anda yang tadi dibuat.Kemudian publikasikan halamannya dan silahkan cek penampakan contact form blogger-nya.
sumber: https://xomlic.blogspot.com/search?q=memasang-contact-form-blogger-pada
Share this Article