Cara Membuat Contact Us Pada Blogspot Dengan Mudah dan Praktis

Membuat contact us pada blogspot dengan widget yang telah tersedia- Saat ini banyak blog yang ingin menambahkan fitur kontak us pada blognya untuk menigkatkan kualitas blog, namun masih bingung mau di isi apa, anda ingin di hubungi oleh pengunjung anda namun anda ingin merahasiakan alamat email, nomer telpon dan lain sebagainya dari pengunjung blog anda. Jika demikian kasus yang anda alami berarti sama dengan apa yang saya alami beberapa bulan yang lalu.

Kali ini akan saya bagikan sekaligus sebagai catatan buat saya cara memesang menu kontak kami pada blog. Okey saya tidak akan panjang lebar yuk masuk pada pokok pembahasan, berikut ini langkah-langkahnya :

1. Memasang gadget contact form
Caranya masuk ke option atau menu layout dan kemudian Add a Gadget seperti gambar dibawah ini

kemudian akan mucul jendela kecil baru pilihlah more gadgets dan klik Contact Form liat gambar dibawah ini.

Setalah langkah di atas selesai anda lakukan maka klik save untuk menyimpan form nya di sidebar, sekarang kita mask pada langkah kedua.

2. Membuat Halaman Contact Us
Begini caranya anda pilih menu pages jika pilihan menunya bahasa inggris, kemudian pilih new page. Setelah itu beri nama judul halaman anda Contact us. Jika masih bingung saya sertakan gambarnya.

setelah judul sudah anda isi sekarang mengisi isi halaman, sebelum mengisinya anda perlu mengganti opsi pengisian, liahat sebelah kanan atas ada dua opsi yaitu compose dan HTML, anda pilih atau klik di HTML, kemudian anda copy kode html di bawah ini dan publish :

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

Langkah selanjutnya

3. Menghapus Formulir kontak di sidebar
Caranya masuk ke menu template pilih edit html dan pilih jumt to widget dan temukan kode ini :

<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>
kemudian and hapus, untuk mempermudah anda mencari kode itu tekan ctrl + F lalu anda copykan kode contact-form mungkin anda akan menemukan beberapa kode yang sama, tapi carilah kode yang tepat yang awalan dan akhirannya sama dengan cntoh yang di atas. ketika sudah ketemu hapus dan save template. Maka selesailah form contact us yang baru kita buat. hasilnya akan seperti gambar di bawah ini

Jika and ingin mecobanya silahkan an Cara Membuat Contact Us Pada Blogspot Dengan Mudah dan Praktis  da isi formnya dan liahat hasilnya pada email gmail yang anda gunakan untuk blog sobat.

Demikian Cara Membuat Contact Us Pada Blogspot Dengan Mudah dan Praktis  yang bisa saya bagkan semoga bermnafaat, terimakasih sudah berkunjung. sampai jumpa di lain kesempatan.

Tweet