Skip to main content

follow us

Cara Membuat Contact Form di Blog AMP


Contact Form atau Halaman Kontak merupakan bagian penting dalam sebuah blog, yang berguna untuk menghubungi pemilik blog dengan bermacam-macam maksud. Misalnya saja untuk memberikan saran atau kritik, mengajak bekerjasama, mengucapkan terima kasih karena artikel-artikelnya bermanfaat, dan masih banyak lagi kegunaannya.

Selain itu, memasang halaman contact form juga tidak menutup kemungkinan bakalan ada orang yang ingin bekerjasama dengan blog yang kita kelola seperti content placement, endorse, dll. Dan kini contact form juga menjadi salah satu syarat blog kita akan di terimanya oleh AdSense. Maka dari itu, saya akan membagikan bagimana cara membuat contact form di blog AMP.



Cara Membuat Contact Form di Blog AMP
Untuk itu perlu adanya halaman contact form disetiap blog atau web yang dikelola. Pada halaman contact form ini bisa saja Anda mengisi dengan nomor WhatsApp ataupun E-mail. Namun supaya agar blog atau web kelihatan lebih menarik dan profesional tentunya harus menggunakan form kontak, seperti pada contact form blog ini.

Jika Anda tertarik ingin menggunakannya, berikut ini langkah-langkah cara membuat halaman contact form di blog AMP.

  • Unduh terlebih dahulu template khusus contact form dari Kompiajaib DISINI
  • Kemudian buatlah sebuah blog baru pada akun yang sama
  • Blog baru ini adalah khusus untuk contact form
  • Aktifkan pengaturan HTTPS pada blog baru tersebut
  • Pilih menu template dan non aktifkan tampilan selularnya
  • Dan buka template, kemudian hapus semua kode yang ada
  • Setelah itu ganti dengan template hasil unduhan tadi


Setelah selesai membuat blog baru dan mengganti templatenya, sekarang kita beralih lagi ke blog utama. Dan buatlah halaman baru dengan nama apa saja asalkan berhubungan dengan contact. Lalu pilih mode HTML kemudian copy dan pastekan kode berikut :


<amp-iframe title="Contact"
              src="https://contact.wanads.xyz/"
              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 kamu ganti kode URL https://contact.wanads.xyz/ ini dengan URL blog contact form yang tadi dibuat.


Selanjutnya tinggal kamu publikasikan halamannya dan silahkan kamu cek halaman contact form blogger AMP nya. Gimana mudah bukan?

UPDATE!

Gunakan domain TLD pada blog contact form tersebut dengan menggunakan sub domain dari domain utama Anda agar pesan terkirim dan diterima dari contact form.

You Might Also Like:

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