cara membuat contact us di blog

1 comment

cara membuat contack us di blog

  Dua hari yang lalu tips blogger sudah berbagi tips tentang bookmark dofollow terbaik dari google dan masih dalam perbahasan blog tapi kali ini tips blogger akan berbagi tentang 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

cara membuat contact us di 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

cara membuat contact us di blog

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

cara membuat contact us di blog

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.

1 comment:

  1. tanks bingit gan infonya numpang ijin promo blog saya dong gan

    ReplyDelete

Kritik dan saran dari Sahabat sangat Admin butuhkan. Terimakasih sahabat sudah berkunjung.