Cara Membuat Contact Form Responsive untuk Blog - Terkadang dalam sebuah blog kita membutuhkan contact form atau juga yang sering disebut formulir kontak dalam widget di Blogspot , dan pada saat ini NTechno akan memberikan widget contact form dengan nuansa berbeda dan pastinya RESPONSIVE !
Hasil dari Contact Form ini bisa dilihat pada Contact Form di blog NTechno ini , untuk itu silahkan ikuti tutorial nya :
Cara Membuat Contact Form Responsive untuk Blogger
1. Masuk ke Dashboard Blogger
Name : bisa kamu gantikan menjadi " Your Name " ataupun lainnya
Email Address : bisa kamu gantikan menjadi "Your Email " atau lainnya sesuai keinginan
Content : bisa kamu ganti dengan " Description " atau pun lainnya
Send : bisa kamu ganti kan menjadi "Kirim" atau pun lainnya .
5. Pastikan sebelum di simpan , di pratinjau dulu .
6. Selesai
Hasil dari Contact Form ini bisa dilihat pada Contact Form di blog NTechno ini , untuk itu silahkan ikuti tutorial nya :
Cara Membuat Contact Form Responsive untuk Blogger
1. Masuk ke Dashboard Blogger
2. Buat " Laman " baru .
- Tuliskan "Contact Form " sebagai judul dari Laman tersebut .
3. Ubah mode penulisan di Laman tersebut dari Compose menjadi HTML
4. Lalu masukkan script dibawah ini lalu paste kan di laman tersebut :
<form name="contact-form">
Name
<input id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" />
Email Address <span style="color: red; font-weight: bolder;">*</span>
<input id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" />
Content <span style="color: black; font-weight: bolder;">*</span>
<textarea cols="25" id="ContactForm1_contact-form-email-message" name="email-message" rows="5"></textarea>
<input id="ContactForm1_contact-form-submit" type="button" value="Send" />
<div style="max-width: auto; text-align: center; width: auto;">
<div id="ContactForm1_contact-form-error-message">
</div>
<div id="ContactForm1_contact-form-success-message">
</div>
</div>
</form>
<style type="text/css">
</style>
Name
<input id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" />
Email Address <span style="color: red; font-weight: bolder;">*</span>
<input id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" />
Content <span style="color: black; font-weight: bolder;">*</span>
<textarea cols="25" id="ContactForm1_contact-form-email-message" name="email-message" rows="5"></textarea>
<input id="ContactForm1_contact-form-submit" type="button" value="Send" />
<div style="max-width: auto; text-align: center; width: auto;">
<div id="ContactForm1_contact-form-error-message">
</div>
<div id="ContactForm1_contact-form-success-message">
</div>
</div>
</form>
<style type="text/css">
</style>
Name : bisa kamu gantikan menjadi " Your Name " ataupun lainnya
Email Address : bisa kamu gantikan menjadi "Your Email " atau lainnya sesuai keinginan
Content : bisa kamu ganti dengan " Description " atau pun lainnya
Send : bisa kamu ganti kan menjadi "Kirim" atau pun lainnya .
5. Pastikan sebelum di simpan , di pratinjau dulu .
6. Selesai
Masih muda dan giat belajar dalam hal coding,sangat tertarik dengan dunia internet marketing , kerja keras demi sebuah pencapaian!
3 komentar
Click here for komentarkalo contact form tidak bisa kirim gimana om, sudah di klik send tapi gak bisa terkirim
Replymudah juga ya caranya, makasih ilmunya ini min...
Replypower supply hp
Tutorial Blogger dan Android
ReplyAturan Berkomentar :
1. Berkomentarlah dengan Bijak
2. Tanyakan pertanyaan yang sesuai dengan Topic
3. Jangan menyisipkan link aktif
4. Gunakan bahasa yang sopan dan lugas!
Terima Kasih
ConversionConversion EmoticonEmoticon