Cara membuat contact us di blog

Cara membuat contact us di bagian laman blog,

Banyak manfaat yang bisa kita ambil dari memasang contact us di blog salah satunya apa bila pengunjung ingin mengirim email bisa lewat contact us. bagaimana cara membuatnya?berikut langkah demi-langkahnya.

menambahkan formulir kontak di sidebar

Untuk menambahkan di bagian laman, yang pertama sahabat  harus lakukan ialah menambahkan formulir kontak dulu di sidebar dan nantinya kita akan hapus dan tinggal di area laman saja.

bagaimana caranya menambahkan formulir kontak di sidebar?

Pertama sahabat login di akun blogger kemudian klik tata letak dan pilih gadget lainya kemudian tambahkan formulir kontak baru. Selanjutnya isi judul dengan conact us untuk mempermudah penghapusan di html kemudian 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.

cara menambahkan contact us di laman blog

keterangan gambar di atas

• Pertama sahabat buka laman selanjutnya pilih laman baru dan pilih laman kosong dan isi entri  dengan contact us atau hubungi kami, Kemudian sahabat copy code di bawah ini dan pastekan di area html bukan are compose, Kemudian klik tafsirkan html yang di ketik,selanjutnya publikasikan.
• Sebetulnya di tahap ini sahabat sudah mempunyai contact us di area laman, Tetapi masih ada dua di laman dan di sidebar. Dan untuk menghilangkan di area sidebar agar lebih cantik penampilan blog mari simak cara menghilangkan formulir kontak di sidebar.

copy dan pastekan di area html

<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>

Untuk mendapatkan code diatas silahkan sahabat klik link berikut: code html cara membuat contact us

menghapus formulir kontak di sidebar

keterangan gambar di atas

• Untuk menghapus formulir kontak di sidebar sahabat harus masuk di area html,caranya pertama sahabat masuk di area dasbor kemudian klik template,kemudian klik edit html dan klik lompat ke widget

tahap terakhir menghapus formuir kontak

keterangan gambar di atas

• selanjutnya sahabat cari judul gadget yang sahabat buat tadi contact us selanjutnaya sahabat hapus kode mulai dari

<b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>

• sampai dengan code

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

• hingga hasilnya seperti  di bawah 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 yang terakhir klik save.

 Beberapa langkah telah kita lewati untuk membuat contact us di blog mudah mudahan bermanfaat dan ahir wassalam.

Tweet