Cara Membuat Halaman Page Contact Form Di Blogger

Contact Form berfungsi untuk mempermudah para visitor untuk mengcontact kita untuk mengajak patner, bisnis, bertanya dan lainnya. Lalu bagaimana Cara Membuat Halaman Page Contact Form Di Blogger tersebut pada blogger yang kita punya sekarang ini.

Berikut  Cara Membuat Halaman Page Contact Form diblogger :

Tutorial

1. Buka Blogger
2. Pilih Tata Letak
3. Lalu Tambahkan Widget Formulir Kontak/Contact Form
4. Jika sudah maka kita Edit Tema Blog
5. Lalu Masukin Kode di bawah ini di <style> :
   

   
   #ContactForm1{display:none !important;}
   

6. Lalu Save Tema
7. Setelah itu pilih Halaman/Page
8. Lalu Buat Halaman
9. Lalu Buat Nama dan Masukkan Code dibawah ini :
   

   
   
   <style>
   .page-contact-form input,
   .page-contact-form textarea {
   width: 100%;
   max-width: 100%;
   margin-bottom: 10px;
   }
   ​
   .page-contact-form input.contact-form-button.contact-form-button-submit {
   padding: 10px;
   background: #000; /* Button background color */
   color: #fff; /* Button text color */
   border: none;
   }
   ​
   .page-contact-form input.contact-form-button.contact-form-button-submit:hover {
   background: #777; /* Button background hover color */
   color: #fff; /* Button text hover color */
   }
   ​
   </style>
   ​
   <div class="contact-form-widget page-contact-form">
   <div class="form">
   <form name="contact-form">
   Name:<br />
   <input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" />
   E-mail: <span id="required">*</span><br />
   <input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" />
   Message: <span id="required">*</span><br />
   <textarea class="contact-form-email-message" cols="25" id="ContactForm1_contact-form-email-message" name="email-message" rows="5"></textarea>
   <input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" type="button" value="Submit" />
   <br />
   <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>
   </form>
   </div>
   </div>
   
   





10. Setelah itu Post

Pastikan Membuat Halaman Page Contact Form Di Blogger sudah benar mengikuti cara diatas. Jika kalian kurang mengerti kalian bisa tanyakan langsung pada FB fanspage [Coding Responsive].

Related Posts