Cara Mudah Membuat Layanan Contact Us di Blogspot

Sering kita menjumpai halaman contact us pada sebuah blog / web , baik di bagian paling atas sebuah blog atau bagian footer blog.

apa sih kegunaan Contact us ?
mungkin anda bertanya tanya apa fungsi contact us itu. fungsinya adalah untuk memudahkan pengunjung untuk menghubungi admin blog baik untuk bertanya sesuatu tentang blog tersebut ataupun untuk memberikan kritik / saran yang membangun untuk sebuah blog.

Timbal baliknya adalah sangat baik untuk blog tersebut karena admin bisa memperbaiki isi / conten menjadi lebih baik lagi dan disisi lain pengunjung juga merasa senang karena mereka bisa bertanya sesuatu tentang conten / isi pada sebuah blog yang mereka anggap belum jelas.

Langsung saja saya akan menjelaskan Cara Mudah Membuat Layanan Contact Us di Blogspot

 1. Login blogger masuk Tata Letak > Tambahkan gadget > Gadget Lainya lalu pilih Formulir kontak seperti gambar dibawah ini

2.  Contak form sudah berhasil dibuat dan langkah selanjutnya adalah menyembunyikannya dari side bar.
kenapa harus disembunyikan ?
ya biar tidak memenuhi bagian side bar dan tidak memberatkan loading halaman.
cara menyembunyikannya adalah masuk ke Template > Edit Html
masukkan kode dibawah ini tepat diatas kode ]]></b:skin> . gunakan (ctrl + f ) untuk mempermudah pencarian
.widget.ContactForm {
 display: none;
 }
.widget.ContactForm1 {
 display: none;
 }

jika sudah jangan lupa simpan perubahan

3. Masuk ke LamanBuat laman baru > Pilih mode Html lalu pastekan kode dibawah ini . pada pengaturan pilih tekan enter untuk baris baru
<form name="contact-form">
<div style="text-align: center;">
Nama Anda:
<input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" /></div>
<div style="text-align: center;">
Email Anda: <span style="color: red; font-weight: bolder;">*</span>
<input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" /></div>
<div style="text-align: center;">
Tulis Pesan: <span style="color: red; font-weight: bolder;">*</span>
<textarea class="contact-form-email-message" cols="25" id="ContactForm1_contact-form-email-message" name="email-message" rows="5"></textarea></div>
<div style="text-align: center;">
<input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" type="button" value="Kirim ( Send )" />
</div>
<div style="max-width: 222px; text-align: center; width: 100%;">
</div>
</form>
<form name="contact-form">
<div style="max-width: 222px; text-align: center; width: 100%;">
<div class="contact-form-error-message" id="ContactForm1_contact-form-error-message">
</div>
<div class="contact-form-error-message" id="ContactForm1_contact-form-error-message">
</div>
<div class="contact-form-error-message" id="ContactForm1_contact-form-error-message">
</div>
<div class="contact-form-error-message" id="ContactForm1_contact-form-error-message" style="text-align: right;">
<h2>
</h2>
</div>
<div class="contact-form-success-message" id="ContactForm1_contact-form-success-message">
</div>
</div>
</form>
jika sudah pilih publikasikan dan lihat Halaman Contact us anda sudah berhasil dibuat.tampilannya akan seperti dibawah ini simpel dan ringan saat loading


lakukan pengetesan pengiriman pesan untuk mengetahui ke valid an contact form yang telah anda buat.

untuk menampilkan pada blog tinggal pilih Tata letak > tambah gadget > pages
Share this artikel :

0 Response to "Cara Mudah Membuat Layanan Contact Us di Blogspot"

Post a Comment

Silahkan meninggalkan komentar , dengan senang hati saya akan membalas komentar anda