Bicara soal contact form , selama ini para blogger sepertinya kebingungan untuk membuat contact form untuk berinteraksi dengan pengunjung secara pribadi . Ya memang sih lebih terlihat akrab dengan fitur komentar yang memang sudah ada sejak lama di blogspot. Tapi sepertinya tidak etis juga jika memberikan kritik atau saran yang sifatnya pribadi ata pelaporan masalah terkait blog atau konten di form komentar . Untuk itu perlu sekali yang namanya Contact Form .
Selama ini para blogger memang sudah sedikit dimudahkan dengan bantuan pihak ketiga seperti misalnya Emailme dan lain sejenisnya , tapi sepertinya itu tidaklah efektif karena kita mau tidak mau harus memajang link atau bahkan logo jika memasang contact form dari layanan pihak ketiga tersebut . Jika kita ingin menghapusnya ya mau tidak mau harus membeli lisensi dari pihak penyedia layanan .
Untuk itu sepertinya ini adalah kabar yang sangat menggembirakan dan sangat melegakan hati para blogger termasuk saya dengan adanya fitur baru contact form dari Blogger ini .
Cara memasangnya sangat mudah , anda hanya perlu melakukan tambahan widget seperti biasa yang sering sekali anda lakukan .
Untuk lebih jelasnya silahkan simak langkahnya sebagai berikut .
- Login ke Blogger
- Masuk ke Layout
- Add Gadget dan pilih more gadget
lihat gambar dibawah ini
Kemudian simpan
hasil dari contact formnya adalah seperti ini
Kode HTML dari contact Form Blogger adalah seperti dibawah ini
<form name="contact-form">
<p></p>Name
<br>
<input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="">
<p></p>
<span style="font-weight: bolder;">*</span>
<br>
<input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="">
<p></p>Message
<span style="font-weight: bolder;">*</span>
<br>
<textarea class="contact-form-email-message" cols="25" 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">
<p></p>
<div style="text-align: center; max-width: 222px; 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>
Silahkan anda gunakan CSS untuk mempercantik dan menyesuaikan dengan template yang anda gunakan sekarang .
Dengan bantuan fitur contact form ini para blogger tentu akan semakin terbantu dalam mendesain blog agar lebih berkesan Profesional .
Arahkan Kursor dibawah ini untuk memberikan komentar.
No HyperLink dan Komentar Hit&Run akan diacuhkan . Berkomentarlah dengan bahasa yang baik dan benar EmoticonEmoticon