Cara Mudah Membuat Contact Us Di Laman Blog

Selamat pagi sobat blogger semua…!!!
Kali ini saya akan berbagi Tentang Cara membuat Form Kontak Di bagian Laman Blog .

Banyak manfaat yang bisa kita ambil dari Memasang Contact Us di Blog salah satunya apabila Pengunjung ingin mengirim Email bisa lewat Laman Contact Us . Bagaimana cara membuatnya ? berikut cara membuatnya :

Cara Mudah Membuat Contact Us Di Blog

Menambahkan formulir kontak di sidebar blog :
1 . Login Ke Blogger.com
2 . Kemudian ke Tata Letak dan Pilih Gadget lainnya terus tambahkan Kontak Formulir .

Cara Mudah Membuat Contact Us Di Blog

3. Pilih tambahkan Gadget.

Cara Mudah Membuat Contact Us Di Blog

4. Pilih Gadget Lainnya.

Cara Mudah Membuat Contact Us Di Blog

5. Pilih Formulir Kontak Baru.

Cara Mudah Membuat Contact Us Di Blog

6. Isi Judul Dengan Contact Us lalu klik Save.

Cara Mudah Membuat Contact Us Di Blog

  sebetulnya di tahap ini sahabat sudah menembahkan kontak di area sidebar tetapi seperti judul di atas bahwa kita memindahkan kontak ke area laman blog bagaimana caranya next di lanjut.

Menambahkan Contact Us Di Laman Blog :

1 . Anda buka Laman selanjutnya Pilih Laman Baru dan Pilih Laman Kosong, isi Entri dengan ” Contact Us ” atau ” Kontak ” .
2 . Kemudian anda Copy kode dibawah ini . Lalu anda pastekan di Tab HTML , lalu Publikasikan

<form name='contact-form'> <div>Your Name : </div> <input class='contact-form-name' id='ContactForm1_contact-form-name' name='name' size='30' type='text' value=''/> <div>Your Email: <em>(required)</em></div> <input class='contact-form-email' id='ContactForm1_contact-form-email' name='email' size='30' type='text' value=''/> <div>Your Message: <em>(required)</em></div> <textarea class='contact-form-email-message' id='ContactForm1_contact-form-email-message' name='email-message' rows='5'></textarea> <p></p> <input class='contact-form-button contact-form-button-submit' id='ContactForm1_contact-form-submit' type='button' value='Send'/> <div style='text-align: center; max-width: 450px; 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>

Menghapus Formulir Kontak Di Sidebar :
1 . Pergi ke Template > Edit HTML > dan klik Lompat Ke Widget

2 . Selanjutnya kalian cari judul gadget yang anda buat tadi ” Contact Us “

3 . Lalu kalian hapus kode mulai dari
    
<b:if cond='data:title != &quot;&quot;'> <h2 class='title'><data:title/></h2>

Sampai Dengan

<p class='contact-form-success-message' expr:id='data:widget.instanceId + &quot;_contact-form-success-message&quot;'/> </div> </form> </div> </div>

Hingga Hasilnya Seperti Ini

<b:section-contents id='sidebar-right-1'> <b:widget id='ContactForm1' locked='false' title='Contact Form' type='ContactForm'> <b:includable id='main'> <b:include name='quickedit'/> </b:includable> </b:widget>

Dan Save