CARA MEMBUAT OFFICIAL CONTACT KE BLOGGER

Blogger meluncurkan secara resmi  gadget yang sangat penting bagi blogger apapun, Jika pengunjung blog Anda memerlukan bantuan atau saran tentang posting Anda atau artikel, mereka akan mencoba untuk kontak dengan Anda.

Bagaimana Tambahkan Formulir Kontak Untuk Blog Anda

Langkah 1
. 1 Login ke dashboard blogger Anda -> Tata Letak -> 'Tambah Gadget'
. 2 Sekarang klik pada Lebih Gadget -> Pilih Form Kontak

 .3 Save

Langkah 2
. 1 Login ke dashboard blogger Anda -> Pages
. 2 Sekarang klik New Page -> Pilih Halaman Kosong
. 3 Sekarang Klik HTML(buka compose) sebuah Paste di bawah kode di dalamnya.

copy paste seperti gambar yang di atas :D

<div class='form'> 

<!-- Custom Contact Form By WG Starts -->

<form name='contact-form'>

<!-- Name Field -->

<input class='contact-form-name' id='ContactForm1_contact-form-name' name='name' value="Name" size='30' type='text' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Name&quot;;}' onfocus='if (this.value == &quot;Name&quot;) {this.value = &quot;&quot;;}' /> 

<p></p>

<!-- Email ID Field -->

<input class='contact-form-email' id='ContactForm1_contact-form-email' name='email' value="Email ID"  size='30' type='text' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Email ID&quot;;}' onfocus='if (this.value == &quot;Email ID&quot;) {this.value = &quot;&quot;;}'/> 

<p></p>

<!-- Message Field -->

<textarea class='contact-form-email-message'  id='ContactForm1_contact-form-email-message' name='email-message'  value='Leave Your Message..'  onblur='if (this.value == &quot;&quot;) {this.value = &quot;Leave Your Message..&quot;;}' onfocus='if (this.value == &quot;Leave Your Message..&quot;) {this.value = &quot;&quot;;}'></textarea> 

<p></p>

<!-- Clear Button --> 

<input class='WG-btnLogin' type='reset' value='Clear'/> 

<!-- Send Button -->  

<input class='WG-btnLogin' id='ContactForm1_contact-form-submit' type='button' value='Send'/> 

<p></p>

<!-- Validation --> 

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

<!-- Custom Contact Form By WG Ends --> 

</div>