Skip to content Skip to sidebar Skip to footer

Cara Membuat Halaman Formulir Kontak di Blogspot ( Terbaru 2022 )

Saat kita memiliki sebuah blog atau website bukan tidak mungkin pengunjung akan meninggalkan pesan kepada kita. Jika pesan itu terkait dengan artikel seperti memuji atau bertanya, hal itu bisa dilakukkan di kolom komentar. Namun jika pesan itu terkait kerjasama atau hal yang bersifat pribadi maka halaman kontak bisa solusinya.

Cara Membuat Halaman Formulir Kontak di Blogspot


Beberapa keuntungan memasang halaman kontak
Selain penjelasan yang sudah dijabarkan diatas, agar sobat lebih tahu tetang pentingnya memasang halaman kontak :

1. Mendekatkan diri dengan pengunjung website atau blog sobat.

2. Jika sobat berniat mendaftar program iklan ( Google Adsense, Ad-center dsb), halaman formulir kontak akan menambah persentase website sobat diterima. Kenapa? karena website sobat akan terlihat lebih profesional.

3. Jika pengunjung sobat ingin mengajak kerja sama, tentu akan lebih baik berkomunikasi melalui  halaman formulir kontak.

4. Jika pengunjung sobat menemukan celah keamanan pada website sobat akan lebih aman jika disampaikan lewat halaan kontak.

Baca juga :
1. Mendaftar dan Memasang Google Analytics di Blogger

langkah-langkah dalam membuat atau memasang halaman kontak:

1. Memasang widget formulir kontak
Untuk memasangnya sobat bisa menuju halaman layout > Add Gadget > Contact Form. Untuk posisi gadgetnya biasanya saya memilih di sidebar karena lebih mudah memindahkannya. Di karenakan widget ini tidak akan dipakai.

2.Menghilangkan Widget formulit kontak (Contact Form)
Karena widget akan dipindahkan menjadi halaman maka kita harus menghapus widget tersebut. Caranya sobat menuju Theme > Edit Theme > Jump to Widget > Jum to ContactForm1, kemudian cari kode
<b:widget id='ContactForm1' ....

Selanjutnya sobat hapus kode diantara
<b:includable id='main'> dan  <b:include name='quickedit'/></b:includable>

3. Membuat halaman / pages formulir kontak Halaman ini merupakan halaman statis  dan untuk membuatnya sobat menuju halaman Pages dan buat page kemudian pilih HTML dan ganti semua kode dengan kode dibawah ini

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="widget ContactForm" id="ContactForm1">
<div class="contact-form-widget">
<div class="form">
<form name="contact-form">
Name<br />
<input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" />
        <br />
E-mail *<br />
        <input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" />
        Message *<br />
        <textarea class="contact-form-email-message" cols="25" id="ContactForm1_contact-form-email-message" name="email-message" rows="5"></textarea>
        <input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" type="button" value="Submit" />
        <div class="contact-form-error-message" id="ContactForm1_contact-form-error-message">
</div>
<div class="contact-form-success-message" id="ContactForm1_contact-form-success-message">
</div>
<br />
</form>
</div>
</div>
</div>
</div>

4. halaman formulir kontak sudah jadi, sobat bisa mengetesnya dengan memasukkan email sobat. selanjutnya sobat bisa membuka email apakah pesan dari halaman formulir terkirim.

semoga artikel ini dapat membantu sobat semuanya. terima kasih