Skip to main content

Cara Membuat Halaman Contact Form Valid AMP

Cara Mudah Membuat Contact Form Blogger pada AMP Page

Selamat datang di repick.net, Contact Form atau biasa disebut Halaman Kontak adalah salah satu element terpenting bagi sebuah blog guna mempererat silaturahmi antar pemilik blog dan pengunjung blog.

Contact Form memiliki fungsi sebagai pengirim sebuah pesan kepada pemilik blog yang akan dikirim melalui email. 

Sebelum lanjut ke tutorial, Di postingan sebelumnya saya sudah membagikan Cara membuat Parse Koding Postingan yang dimana sangat berguna untuk memasukkan sebuah kode ke dalam postingan. 

Untuk membuat tool tersebut anda bisa langsung baca postingan di atas. Oke mari kita lanjut ke pembahasan.

Sedikit cerita, Sebelum saya menggunakan blog AMP, saya sudah memasang halaman tersebut.

Namun ketika saya beralih ke AMP, pada halaman tersebut terjadi error atau tidak valid AMP, maka dari itu disini saya membuatkan tutorial Cara membuat Halaman Contact Form yang valid AMP. 

Sebagai contoh halaman contact form yang valid AMP anda bisa mengunjungi Contact form milik blog ini Disini.

Jika anda tertarik atau ingin membuat contact form sama persis seperti contact form blog ini, anda bisa mengikuti tutorialnya dibawah ini.

  1. Pertama silahkan anda download terlebih dahulu template khusus contact form yang saya dapatkan dari dari Kompiajaib DISINI
  2. Selanjutnya buatlah sebuah blog baru, jika tidak mau ribet silahkan buat pada akun yang sama.
  3. Blog baru ini akan di khususkan untuk contact form
  4. Aktifkan pengaturan HTTPS pada blog baru tersebut
  5. Pilih menu template kemudian non aktifkan tampilan selularnya
  6. Kemudian beralih ke Edit Tema >> Mode HTML >> Masukkan Kode yang didownload tadi
  7. Terakhir silahkan kalian Simpan/Save

Jika sudah selesai membuat blog baru dan mengganti template, selanjutnya kita beralih ke blog utama yang akan dipasang contact form tadi. 

Buatlah halaman baru dengan Judul Contact Form, atau jika kalian sudah memiliki halam contact form silahkan guna yang sudah ada saja untuk mempercepat pembuatan.

Bagi yang belum pernah membuat halaman contact form silahkan kalian copy kode dibawah ini pada mode HTML ya bukan Compose. 

Jika sudah pernah membuat halaman contact form silahkan diganti saja dengan kode dibawah ini.

<amp-iframe title="Contact"

              src="https://contact.repick.net/"

              height="400"

              layout="fixed-height"

              frameborder="0"

              sandbox="allow-forms allow-scripts allow-same-origin allow-modals allow-popups">

    <amp-img src="https://2.bp.blogspot.com/-rRo__E6FsPs/Ws7U-IT8KNI/AAAAAAAAw_Q/qCwa6vKHgTIB-ytesdA4FlKrXMRYt5NMACLcBGAs/s1600/placeholder.png"

             layout="fixed-height"

             height="400"

             placeholder>

             width="auto"     </amp-img>

</amp-iframe>

Silahkan ganti https://contact.repick.net/ dengan alamat blog baru yang anda buat tadi. Jika sudah silahkan kalian klik simpan. Sampai disini anda sudah berhasil membuat Contact Form Valid AMP.

www.repick.net


NOTE : Konten yang ada di blog ini asli karya Gio Lesmana. Tidak diperkenankan mengambil isi konten tanpa izin. Traktir saya kopi melalui: Paypal.

Comment Policy: Silahkan tuliskan komentar Anda yang sesuai dengan topik postingan halaman ini. Komentar yang berisi tautan tidak akan ditampilkan sebelum disetujui.
Buka Komentar