Home › Blogger › Tutorial

Cara Membuat Contact Us di Blog

"Silahkan kunjungi postingan Cara Membuat Contact Us di Blog untuk membaca artikel selengkapnya dengan klik link di atas."

4 min read

Cara Membuat Contact Us di Blog - Bagaimana Membuat Contact Form di blogspot? mungkin Kalian lagi nyari itu kan. Nah pada kesempatan kali ini kita akan membahas cara membuat Contact Form di Blogspot atau sebagian orang juga menyebutnya halaman contact us.

Daftar Isi

Cara Membuat Contact Us di Blog

Sebuah blog yang professional harus memiliki halaman Contact Us. Ini membantu pengguna atau pengunjung untuk menghubungi admin atau pemilik blog.

Langkah-langkah Membuat Contact Us di Blogspot

Tanpa berbasa basi langsung saja simak langkah langkahnya:

1. Pertama buka Dasbor Blogger Kalian, kemudian masuk ke menu Halaman.

Cara Membuat Contact Form (Contact Us) di Blog

2. Selanjutnya Kalian Buat Halaman Baru.

3. Beri judul Contact Us. dan rubah Tampilan menulis menjadi Tampilan HTML.

4. Selanjutnya copy semua kode di bawah ini.

<form name="contact-form">
<p></p>
Nama
<br />
<input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" size="30" style="max-width: 400px; width: 100%;" type="text" value="" />
<p></p>
Email
<span style="color: red;">*</span><br />
<input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="30" style="max-width: 400px; width: 100%;" type="text" value="" />
<p></p>
Pesan
<span style="color: red;">*</span>
<br />
<textarea class="contact-form-email-message" id="ContactForm1_contact-form-email-message" name="email-message" rows="5" style="max-width: 400px; width: 100%;"></textarea>
<p></p>
<input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" onclick="sendEmailMsg()" type="button" value="Kirim" />
<p></p>
<div style="max-width: 400px; text-align: center; width: 100%;">
<p class="contact-form-error-message" id="ContactForm1_contact-form-error-message"></p>
<p class="contact-form-success-message" id="ContactForm1_contact-form-success-message"></p>
</div>
</form>

5.Setelah itu langsung saja klik Publikasikan.

5. Berikut adalah tampilan Contact US yang telah kamu buat.

6. Selesai.

Cek Halaman Contact Form (Contact Us) yang telah dibuat, dan silahkan dicoba untuk mengirim pesan dengan mengisi semua form yang disediakan.

Demo Contact Us di Blogspot

Untuk demo kalian bisa kunjungi halaman Contact Simentik

Bagi Kalian yang mengalami masalah saat membuat Contact Us di Blog, silahkan tulis di kolom komentar.

******

Demikian artikel mengenai Cara Membuat Contact Us di Blog, semoga bermanfaat sekian dan terimakasih!!