Membuat Blogger Contact Form di Halaman

By

Di Blogger Kontak Form bisa ditambahkan di widget, namun bagaimana jika ingin menambahkan  contact form tersebut di blogspot pada halaman tertentu?

 

Tidak seperti di Wordpress, dimana Formulir Kontak sudah ada dan dapat ditambahkan ke dalam halaman dengan mudah. Berikut adalah bagaimana cara menambahkan kontak form untuk blogger di halaman tertentu.

 

Pertama, tambahkan dulu blogger contact form melalui gadget, lalu di gadget lainya akan terlihat Formulir Kontak.

Kedua, setelah Formulir Kontak ditambahkan ke widget, selanjutnya adalah menghilangkan contact form tersebut dari widget.
Caranya pada template klik edit HTML, dan letakkan kode css display tepat di atas ]]></b:skin> seperti berikut :
 #ContactForm1  
 {  
 display: none ! important;  
 }  

Ketiga, selanjutnya adalah memasang widget contact form tersebut ke halaman. Pada halaman yang akan kita pasang formulir kontak, pada HTML mode pasang kode css seperti berikut :

<!--Css contact form by bungdus.com-->
<form name="contact-form">
Nama:<br />
<input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" /><br />
Email:<span style="color: red; font-weight: bolder;">*</span><br />
<input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" /><br />
Pesan: <span style="color: red; 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><br />
<!--Tombol Kirim-->
<input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" type="button" value="Kirim" />

<br />
<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-success-message" id="ContactForm1_contact-form-success-message">
</div>
</div>
</form>

Kekuranganya form ini tidak bisa ditambahkan field lain seperti alamat, no telepeon dan lain-lain. Karena kemungkinan form tidak akan terkerim ke email. Untuk preview silahkan lihat disini

Jika posting di atas mengenai cara membuat kontak form di halaman tertentu untuk blogger terasa bermanfaat jangan lupa klik tombol share, subscribe dan follow untuk mendapatkan update.

0 komentar:

Post a Comment

Terbaru