Membuat Contact Form Untuk Blog AMP Pada Halaman Static
Membuat Contact Form Untuk Blog AMP Pada Halaman Static - Sebelumnya Saya sudah 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 bisa menampilkan amp-iframe jika di simpan kurang dari 70% dari tepi atas layar. Tetapi, dengan cara ini, kita bisa menyimpan amp-iframe agar bisa tampil tanpa harus ada batas tinggi untuk menyimpan amp-iframe.
Sehingga dengan begitu kita bisa menampilkan contact form di halaman static Blogger dengan menggunakan amp-iframe yang disimpan di atas postingan halaman static Blogger tanpa 70% dari tepi atas layar.
Jika sobat ingin mencoba pada blog amp sobat juga, silahkan ikuti langkah-langkahnya dibawah 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 sibat harus download 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.
Meskipun sobat menggunakan blog lain, tetapi pesan akan tetap dikirim pada inbox Admin.
Silahkan sobat buat blog baru khusus untuk contact form ini 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 sudah di sediakan di bawah ini. 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://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/AVvXsEiip9W9njfX7yUF-aUcyVV1s9CmGP-OcSmh22Dncd0kCMbH9SQ3Kr5A9dtcFTEfyRHSmrHKhKgBNm35KqRmIr0hYmFGbyF5RU04qCvuvbDcgr4QXuOG-xdibJi4GObYaezgdfd1E76QrPI/s1600/placeholder.png"
layout="fixed-height"
height="400"
width="auto"
placeholder>
</amp-img>
</amp-iframe>Silahkan ganti kode 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://www.kompiajaib.com/2018/04/memasang-contact-form-blogger-pada.html
Komentar