Membuat blog saat ini sudah cukup mudah dilakukan karena banyak artikel blog yang membahas tentang tutorial blogging di internet, namun terkadang dalam pembuatan blog sendiri masih ada pengguna blog yang mengabaikan fitur contact form atau formulir kontak ini, padahal sangat penting, banyak manfaat dan kegunaanya baik itu blog pribadi maupun blog online shop.
Salah satunya adalah memudahkan pembaca atau pengunjung untuk berkomunikasi dengan admin atau pengelola dari situs blog tersebut, jika ada keperluaan yang ingin ditanyakan mengenai apa saja yang berhubungan dengan konten-konten yang ada pada halaman sebuah blog.
Selain itu juga kita sebagai pemilik blog dapat dengan mudah merespon apa yang mereka ingin ditanyakan terhadap artikel yang sudah di publisasikan di halaman blog, dalam artiannya bahwa layanan dan fiturnya mempermudah berkomunikasi antara pemilik blog selaku admin dan pengunjung blog, pokonya banyak sekali manfaat dan kegunaannya dari formulir kontak ini.
Maka dalam kesempatan kali ini saya akan bagikan cara membuat contact from di blog, anda simak langkahnya dibawah dan barangkali anda bisa terapkan nantinya ke blog milik anda berikut ini tutorialnya;
Cara Membuat Contact Form diblog blogger
1. Masuk di Dasbor Blogger
2. Buka halaman Template lalu pilih menu Tema
3. Klik pada tombol Edit HTML
4. Klik di mana saja di area kode
5. Tekan tombol [Control + F] atau [Command + F] untuk membuka kotak pencarian di sudut kanan atas jendela kode, kemudian tuliskan kode ]]></b:skin>
6. Tekan tombol Enter untuk mencari, jika sudah anda menemukan kode ]]></b:skin> kemudian salin dan tempelkan kode HTML berikut dibawah tepat di atas kode ]]></b:skin>
#ContactForm1{ display: none !important; }
7. Simpan tema
Berikut contoh penerapan kode nya kedalam template seperti gambar dibawah ini:
8. Setelah simpan tema lanjutkan ketahapan untuk memunculkan halaman contact form dan langsung saja pergi ke menu Halaman static lalu pilih "Halaman baru",
9. Jika sudah masuk di halaman statis postingan terlebih dahulu masukan nama judul contact form pada kolom penulisan Judul halaman
10. Kemudian pilih tulisan "HTML" disamping kanan tulisan Compose, selanjutnya salin kode HTML dibawah lalu tempel kan pada areal postingan halaman static ini kodenya;
<form name='contact-form'> <p></p> Name<br /> <input class='contact-form-name' id='ContactForm1_contact-form-name' name='name' size='30' value='' type='text' /> <p></p> Email <span style='font-weight: bolder;'>*</span><br /> <input class='contact-form-email' id='ContactForm1_contact-form-email' name='email' size='30' value='' type='text' /> <p></p> Message<span style='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> <p></p> <input class='contact-form-button contact-form-button-submit' id='ContactForm1_contact-form-submit' value='Send' type='button' /> <p></p> <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>
Berikut adalah contoh penerapan dan penempatan kode HTML nya seperti gambar di bawah ini;
11. Langkah terakhir klik tombol navigasi Publisasikan yang terletak pada bagian atas kanan halaman static postingan blog. Dan lihat hasilnya apakah sudah muncul halaman contact form yang anda buat, untuk melihat nya pergi ke menu halaman static kemudian arahkan pointer tepat pada postingan halaman static kemudian klik dan lihat hasilnya setelah anda publisasikan.
Untuk demo nya nanti anda lihat pada blog anda namun jika anda tidak berhasil menerapkan tutorial dari artikel ini anda bisa cek cara yang lain pada blog tutorial milik tetangga sebelah cari lewat search google.
Nah itulah informasi cara membuat contact form diblog blogger semoga dapat bermanfaat bagi anda semua nya, kritik dan saran tinggalkan jejak lewat kolom komentar dibawah artikel ya. Wassalam...