Langsung ke konten utama

Cara Membuat Contact Form Sederhana Langsung Masuk ke Email

Kita tahu Contact Form adalah hal yang wajib dimiliki oleh sebuah blog atau sebuah situs website. Gunanya adalah untuk memberikan informasi kepada admin sebuah blog atau situs tersebut, baik itu informasi bug ataupun kesalahan dalam blog tersebut. Untuk itu pada tutorial kali ini saya akan memberikan cara membuat contact form sederhana langsung masuk ke email.

(Baca juga : Cara Termudah Membuat Privacy Policy Tanpa Di Ketik)

Tidak hanya memberitahukan hal itu saja, Contact Form juga berfungsi sebagai alat berinteraksi kedua setelah kolom komentar kepada admin suatu blog tersebut. Sehingga pesan rahasia yang kita buat juga tidak terlihat oleh orang lain.
Cara Membuat Contact Form Sederhana Langsung Masuk ke Email

Jika kita memiliki Disclaimer, Terms of Services, dan Privacy Policy. Kita pastinya harus memiliki Contact Form, karena 3 halaman tadi sangat berkaitan dengan Contact Form.

Jadi itulah kenapa saya bilang Contact Form itu hal yang wajib kalian miliki dalam membuat sebuah blog. Bagi kalian yang ingin tahu cara membuat Contact Form dari saya, ikuti langkah-langkahnya berikut ini.

(Baca juga : Cara Mudah Membuat Disclaimer Untuk Blog Dengan Disclaimer Generator)

Cara Membuat Contact Form Sederhana

  1. Langkah pertama buka website Foxyform.com, disini saya menggunakan website tersebut untuk membuat Contact Form.
  2. Setelah masuk di halaman awal, sekarang buat pengaturan untuk Contact Form kalian. Sebagai contoh disini saya hanya menggunakan pengaturan defaultnya saja.
    Cara Membuat Contact Form di Halaman Statis Blog
    • Catatan : required field digunakan untuk mengatur kolom yang harus di isi di Contact Form kalian.
  3. Jika kalian ingin menampilkan pengaturan lainnya, pilih Show further option, maka akan tampilan pengaturan tambahan kolom yang ingin kalian tampilkan di Contact Form.
    Cara Membuat Halaman Contact Form (Contact Me)
  4. Setelah selesai mengatur Contact Form kalian, kalian bisa melihat tampilan Contact Form yang kalian buat di halaman bawah.
    Cara Membuat Contact Form di Blogger Paling Mudah
  5. Sekarang masukan email kalian di kolom YOUR E-MAIL ADDRESS dan masukan CAPTCHA di kolom ANTISPAM PROTECTION, setelah selesai pilih Create Formular.
    Membuat Contact Form Email Dengan PHP
  6. Kalian akan masuk ke halaman selanjutnya, lalu copy script ini.
    Cara membuat contact form sederhana
  7. Masuk ke akun Blogger kalian.
  8. Pilih menu Laman, kemudian pilih Laman baru.
  9. Masukan script yang sudah di copy tadi di tab HTML pada Laman baru kalian.
    cara membuat kontak kami di blogspot
  10. Buat nama Contact Form atau Contact di Judul laman, kemudian pilih Publikasikan.


Sekarang kalian sudah memiliki Contact Form, untuk mencobanya silahkan kirim pesan melalui Contact Form kalian, jika berhasil maka email kalian akan mendapatkan pesan melalui Contact Form kalian.

Demikian tutorial singkat dari saya mengenai cara membuat Contact Form sederhana. Jika ada pertanyaan silahkan masukan ke dalam kolom komentar.

Terima kasih sudah berkunjung di blog saya ini. Jangan lupa baca juga artikel saya tentang cara membuat Disclaimer, Privacy Policy, dan Terms of Service. Karena 3 hal tersebut masih berhubungan dengan Contact Form ini.

Postingan populer dari blog ini

Cara Membuat Widget Komentar Terbaru Dengan Judul Postingan di Blogger

Cara Membuat Widget Komentar Terbaru Dengan Judul Postingan di Blogger - Setelah sebelumnya saya membagikan tutorial cara membuat widget recent comments ringan di blog, kali ini saya akan membagikan widget yang sama tapi dalam bentuk yang berbeda. Apa bedanya ? Di dalam widget komentar terbaru ini sudah ada judul postingannya, jadi akan terlihat artikel apa yang terakhir di komen oleh pengunjung blog. Untuk masalah kecepatan, widget ini tidak akan menggangu kecepatan blog, jadi kalian tidak perlu khawatir untuk memasang widget ini. (Baca juga : Cara Membuat Widget Recent Comments Ringan di Blog ) Widget ini saya temukan di blog Kang Ghani yang sering membagikan berbagai tutorialnya. Bagi yang ingin tahu bagaimana cara memasangnya, ikuti langkah-langkah berikut ini. Cara Memasang Widget Komentar Terbaru Dengan Judul Postingan di Blogger Langkah pertama masuk ke akun blogger kalian Kemudian pilih menu Tata Letak , kemudian pilih lokasi widgetnya Pilih Tambahkan Gadget , kemudian pili...

Cara Membuat Button Responsive 13 Gaya dengan CSS

Button atau tombol adalah sebuah tampilan atau bentuk untuk mengaktifkan sebuah perintah yang di jalankan oleh admin atau penggunanya. Umumnya button atau tombol ini hanya berupa 1 atau 2 buah saja dalam bentuk terpisah-terpisah. Kali ini saya akan membagikan cara membuat button responsive 13 gaya dengan css . Button responsive ini tidak memakan loading sebuah website atau blog, karena button ini hanya menggunakan css saja. (Baca juga : Cara Membuat Efek Tombol Keyboard di Blogger Dengan CSS ) Ada beberapa pilihan untuk memilih button yang kita inginkan, diantaranya : 6 warna Biru Orange Merah Hijau Ungu Putih 4 ukuran XS (Extra Small) SM (Small) MD (Medium) LG (Large) 2 pengaturan Block Buttons Outline(Accessibility) Untuk tampilan 13 gaya buttonnya silahkan lihat di https://bttn.surge.sh/ . Tampilan Gaya Button Slant, Unite, Float Tampilan Gaya Button Pill, Material - flat, Material - circle Tampilan Gaya Button Fill, Gradient, Jelly Tampilan Gaya Button Stretch, Minimal, Bordered...

Cara Membuat Tombol Demo dan Download Ringan Responsive di Blogger

Tombol download dan demo sangat di butuhkan pada saat kita membagikan sesuatu di blog yang kita miliki. Apalagi untuk kalian yang memiliki blog seperti blog share template, software, film, musik, dan lain sebagainya. Untuk itu kali ini saya akan membagikan cara membuat tombol demo dan download ringan responsive di blogger . (Baca juga :  Cara Membuat Button Responsive 13 Gaya dengan CSS ) Kenapa saya bilang ringan, karena tombol ini hanya menggunakan css jadi tidak masalah karena tidak menggunakan javascript yang berlebihan. Cara konfigurasinya sangat mudah kalian tinggal memasukan link demo atau download kalian. Langsung saja saya akan memberikan cara membuat tombol demo dan download ringan responsive di blogger . (Baca juga :  Cara Membuat Button Dengan Animasi Bounce Effect ) Cara Membuat Tombol Demo dan Download Ringan Responsive di Blogger Langkah pertama masuk ke akun Blogger kalian. Pilih menu Tema , kemudian pilih Edit HTML . Cari script ]]></b:skin> atau ...

Update Template Tutor Magazine 3D Versi 1.0, Template Biru Paling Favorit

Update Template Tutor Magazine 3D Versi 1.0, Template Biru Paling Favorit Setelah sebelumnya saya membagikan template Hijau Magazine v1.0 , kali ini saya akan membagikan template versi terbaru dari Template Tutor Magazine , yaitu Template Tutor Magazine 3D v1.0 . (Baca juga : Download Template Premium Paling Laris 2017, Hijau Magazine V1.0 Template ) Mengapa 3D ? Karena saya sudah menyesuaikan beberapa CSS yang ada, agar tampilannya terlihat 3D atau terlihat seperti nyata. Di Template Tutor Magazine ini, saya juga sudah memperbarui beberapa bug yang ada di Template Tutor Magazine sebelumnya. Untuk keterangan beberapa bug dan update terbaru diantaranya adalah. Perbaikan Thumbnail Gambar menu Postingan Perbaikan Thumbnail Gambar menu Postingan  Perbaikan Primary menu dan Judul Blog  Perbaikan Primary menu dan Judul Blog   Update H2 Update H2  Popular Posts update style  Popular Posts update style  Perubahan Posisi & update beberapa fitur.  Perubahan ...