 |
| Membuat Halaman Contact Form di Blogger |
Kurang lengkap rasanya jika memiliki blog tanpa contact form. Walaupun tidak diwajibkan, tetapi hal ini memudahkan para visitor atau biasa disebut pengunjung blog kita untuk berkomunikasi dengan kita selaku owner.
Halaman contact form memiliki fungsi utama sebagai alat komunikasi antara owner dan visitor. Selain itu, halaman contact form bisa dibuat sebagai pendukung kelengkapan pada navigasi blog yang biasanya terletak sejajar dengan halaman home, about us, partner, dan lain-lain.
Mengetahui beberapa fungsi contact form pada blogger sebagaimana yang telah dibahas diatas, kali ini NueXploit akan memberikan tutorial membuat halaman contact form pada platform tersebut.
Perlu kalian ketahui, halaman contact form ini bersifat responsive yang berarti halaman tersebut dapat menyesuaikan dengan template yang kita gunakan. Selain itu, kita dapat menerima pesan dari visitor melalui notifikasi email yang tertaut dengan akun blogger kita tanpa adanya delay.
Lalu, bagaimanakah caranya? Simak tutorialnya dibawah!
1. Login ke akun blogger kalian
2. Pada tab sebelah kiri dashboard, klik Halaman > Halaman Baru. Lalu, buka dengan mode html.
3. Selanjutnya, copy dan paste kode berikut.
<div class="contact-form-widget"> <form name="contact-form"><div style="text-align: center;"><i>"Hubungi kami jika ada keperluan saja </i><i>dan harap jangan melakukan spam"</i></div><div style="text-align: center;"><i>- Copyright By <a href="https://www.nuexploit.or.id/" target="_blank">NueXploit</a> -</i></div><span class="ctitles"><br />Nama<span class="swajib">*</span> :</span> <input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" type="text" value="" /><br /> <span class="ctitles">Email<span class="swajib">*</span> :</span> <input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" type="text" value="" /><br /> <span class="ctitles">Isi Pesan<span class="swajib">*</span> :</span> <textarea class="contact-form-email-message" id="ContactForm1_contact-form-email-message" name="email-message" rows="10"></textarea> <input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" type="button" value="Kirim" /> <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> <script src="https://www.blogger.com/static/v1/widgets/2271878333-widgets.js" type="text/javascript"></script>
Setelah itu, kalian ubah tulisan yang diberi warna merah itu dengan nama blog kalian, lalu tinggal beri nama halaman dengan nama "Contact Us" atau terserah kalian dan klik Perbarui.
Selamat mencoba :)