Lompat ke konten Lompat ke sidebar Lompat ke footer

Cara Membuat Contact Form (Contact Us) di Blog

Cara Membuat Contact Form (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 Form (Contact Us) di Blog

Cara Membuat Contact Form (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 Form (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.

Cara Membuat Contact Form (Contact Us) di Blog

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

Cara Membuat Contact Form (Contact Us) di Blog

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.

Cara Membuat Contact Form (Contact Us) di Blog

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

Cara Membuat Contact Form (Contact Us) di Blog

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 Form (Contact Us) di Blogspot

Untuk demo kalian bisa kunjungi halaman Contact Simentik 

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

******

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

Posting Komentar untuk "Cara Membuat Contact Form (Contact Us) di Blog"