cara membuat contact us di blog
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
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
<h2 class='title'><data:title/></h2>
- sampai dengan code
</div>
</form>
</div>
</div>
- hingga hasilnya seperti di bawah ini
<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.
