Membuat contact us pada blogspot dengan widget yg telah tersedia- Saat ini banyak blog yg ingin menambahkan fitur kontak us pada blognya untuk menigkatkan kualitas blog, namun masih galau 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 yg anda alami berarti sama dengan apa yg saya alami beberapa bulan yg lalu.
Kali ini akan saya bagikan sekaligus sebagai catatan buat saya cara memesang hidangan 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 hidangan layout dan kemudian Add a Gadget seperti gambar dibawah ini
kemudian akan mucul jendela kecil gres 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, kini kita mask pada langkah kedua.
2. Membuat Halaman Contact Us
Begini caranya anda pilih hidangan pages jikalau pilihan menunya bahasa inggris, kemudian pilih new page. Setelah itu beri nama judul halaman anda Contact us. Jika masih galau saya sertakan gambarnya.
sehabis judul sudah anda isi kini mengisi isi halaman, sebelum mengisinya anda perlu mengganti opsi pengisian, liahat sebelah kanan atas ada dua opsi ialah compose dan HTML, anda pilih atau klik di HTML, kemudian anda copy instruksi 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 hidangan template pilih edit html dan pilih jumt to widget dan temukan instruksi ini :
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
Sampai Dengan
<p class='contact-form-success-message' expr:id='data:widget.instanceId + "_contact-form-success-message"'/>
</div>
</form>
</div>
</div>
kemudian and hapus, untuk mempermudah anda mencari instruksi itu tekan ctrl + F lalu anda copykan kode contact-form mungkin anda akan menemukan beberapa instruksi yg sama, tapi carilah instruksi yg sempurna yg awalan dan akhirannya sama dengan cntoh yg di atas. dikala sudah ketemu hapus dan save template. Maka selesailah form contact us yg gres kita buat. jadinya akan menyerupai gambar di bawah ini
Jika and ingin mecobanya silahkan an Cara Membuat Contact Us Pada Blogspot Dengan Mudah dan Mudah da isi formnya dan liahat jadinya pada email gmail yg anda gunakan untuk blog sobat.
Demikian Cara Membuat Contact Us Pada Blogspot Dengan Mudah dan Mudah yg dapat saya bagkan agar bermnafaat, terimakasih sudah berkunjung. hingga jumpa di lain kesempatan.