Cara Membuat Form Kontak di Blogspot untuk Pemula

Cara Membuat Form Kontak di Blogspot untuk Pemula 

Form kontak adalah salah satu elemen penting yang harus dimiliki setiap blog, baik blog pribadi, blog bisnis, maupun blog niche lainnya. Dengan adanya form kontak, pengunjung dapat menghubungi pemilik blog tanpa harus membuka email secara manual. Selain terlihat profesional, form kontak juga membantu meningkatkan kredibilitas blog.

Artikel ini membahas **panduan lengkap membuat form kontak di Blogspot**, mulai dari fitur bawaan, opsi modifikasi, pemasangan form pihak ketiga, hingga tips SEO dan keamanan.

---

## 1. Mengapa Form Kontak Penting di Blogspot?

Form kontak bukan hanya elemen tambahan, tetapi bagian dari struktur profesional blog:

### **1. Memudahkan pembaca menghubungi Anda**

Pembaca, klien, brand, atau mitra dapat mengirimkan pesan langsung tanpa ribet.

### **2. Menambah kredibilitas blog**

Blog dengan halaman kontak terlihat lebih serius dan dipercaya pengunjung.

### **3. Meningkatkan peluang kerja sama**

Brand biasanya menghubungi blogger melalui halaman kontak untuk kolaborasi.

### **4. Mengurangi spam**

Form kontak lebih aman dibandingkan menampilkan email secara terbuka.

---

## 2. Cara Membuat Form Kontak Menggunakan Fitur Bawaan Blogspot

Blogspot sudah menyediakan **widget Contact Form** yang sangat mudah dipasang.

### **Langkah-langkahnya:**

1. Masuk ke **Dashboard Blogger**.

2. Pilih menu **Tata Letak (Layout)**.

3. Klik **Add a Gadget / Tambah Gadget**.

4. Cari gadget bernama **Contact Form / Formulir Kontak**.

5. Klik **Add / Tambah**.

6. Simpan pengaturan, lalu **drag** widget tersebut ke posisi sidebar atau footer sesuai keinginan.

Setelah dipasang, form kontak ini akan otomatis terhubung ke email akun Blogger Anda.

---

## 3. Cara Membuat Halaman Form Kontak Sendiri (Contact Page)

Banyak blogger ingin membuat halaman *Contact Us* khusus agar lebih profesional. Berikut caranya:

### **Langkah 1: Buat halaman baru**

1. Masuk ke menu **Halaman**.

2. Klik **Halaman Baru**.

3. Beri judul, misal: *Hubungi Kami*, *Kontak*, atau *Contact Us*.

### **Langkah 2: Tambahkan kode form kontak**

1. Pada editor, pilih mode **HTML**.

2. Tempelkan kode form bawaan Blogspot berikut:

```

<div class="contact-form-widget">

  <div class="form">

    <form name="contact-form">

      <input name="name" placeholder="Nama Anda" type="text" required />

      <input name="email" placeholder="Email Anda" type="email" required />

      <textarea name="message" placeholder="Pesan Anda" rows="8" required></textarea>

      <input class="contact-form-button" value="Kirim Pesan" type="submit" />

    </form>

  </div>

</div>

```

3. Klik **Publikasikan**.

Kini halaman kontak kamu sudah terlihat lebih profesional dan rapi.

---

## 4. Membuat Form Kontak Menggunakan Google Forms

Jika ingin form yang lebih rapi, lengkap dengan fitur penyimpanan otomatis, Anda bisa menggunakan Google Forms.

### **Keunggulan Google Forms:**

* Tampilan modern

* Data tersimpan di Spreadsheet

* Bisa tambahkan gambar, pilihan, rating, dll

* Bisa embed tanpa coding

### **Cara membuatnya:**

1. Buka **Google Forms**.

2. Buat form baru dengan judul “Contact Form” atau “Formulir Kontak”.

3. Tambahkan kolom: Nama, Email, Pesan.

4. Klik **Send → Embed < >**.

5. Salin kode embed yang muncul.

6. Tempelkan pada halaman Blogspot (mode HTML).

---

## 5. Membuat Form Kontak Profesional dengan JotForm, Wufoo, atau Formspree

Jika ingin form yang lebih fleksibel dan profesional, gunakan penyedia form pihak ketiga.

### **Kelebihan layanan ini:**

* Bisa buat form modern dengan drag-and-drop

* Tampilan premium

* Ada fitur proteksi spam

* Bisa pasang notifikasi otomatis

### Cara menambahkan ke Blogspot:

1. Buat form di situs JotForm/Wufoo/Formspree.

2. Salin kode embed.

3. Tempelkan di halaman Blogspot (mode HTML).

4. Publikasikan.

---

## 6. Menempatkan Form Kontak di Sidebar atau Footer

Jika ingin form selalu terlihat di setiap halaman, pasang di **sidebar** atau **footer**.

### Caranya:

1. Masuk ke **Tata Letak**.

2. Tambah widget **HTML/JavaScript**.

3. Tempelkan kode form (Blogspot/Google Forms).

4. Klik **Simpan**.

---

## 7. Tips Mendesain Halaman Kontak agar Terlihat Profesional

Agar lebih menarik dan kredibel:

### **Gunakan elemen tambahan:**

* Foto profil atau avatar

* Deskripsi singkat: siapa Anda dan mengapa orang harus menghubungi Anda

* Social media icons

* Email (opsional)

* Lokasi atau jam operasional (jika blog bisnis)

### **Terapkan desain minimalis**

* Gunakan warna senada template

* Beri ruang putih agar form tidak terlihat penuh

* Pakai judul jelas seperti “Hubungi Kami”

---

## 8. Tips SEO untuk Halaman Kontak

Halaman kontak juga bisa membantu SEO blog Anda.

### **Optimasi yang dapat dilakukan:**

* Gunakan slug/URL seperti `/contact` atau `/hubungi-kami`

* Tambahkan deskripsi singkat di bagian atas halaman

* Gunakan schema markup “Contact Page” (opsional)

* Pastikan halaman ringan dan cepat dimuat

---

## 9. Cara Menghindari Spam di Form Kontak

Form kontak sering diserang spam. Berikut tips penting:

* Gunakan CAPTCHA

* Aktifkan filter spam Google

* Hindari menampilkan email secara langsung di halaman

* Gunakan layanan pihak ketiga dengan proteksi spam otomatis

---

## 10. Kesimpulan

Membuat form kontak di Blogspot sangat mudah dan bisa dilakukan tanpa coding. Kamu bisa menggunakan:

* Widget bawaan Blogspot

* Halaman kontak sendiri

* Google Forms

* Form premium (JotForm, Wufoo, Formspree)

Dengan form kontak yang rapi, blogmu terlihat lebih profesional, mudah dihubungi, dan lebih dipercaya pembaca maupun brand.

---