Cara Membuat Contact Us Di Blog

Cara Membuat Contact Us Di Blog - 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 :

Menambahkan formulir kontak di sidebar 

1 . Login Ke Blogger.com



2 . Kemudian ke Tata Letak dan Pilih Gadget lainnya terus tambahkan Kontak Formulir .



3 . Isi Judul Dengan Contact Us lalu klik Save.

  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

Sekian Cara Membuat Contact Us Di Blog . Semoga Bermanfaat Bagi Kalian ^_^