Wednesday, September 4, 2019

Belajar Membuat Contact Form Di Blog Blogger

Wednesday, September 4, 2019

Membuat Contact Form Di Blog Blogger

Dalam pembuatan blog saat ini sudahlah cukup mudah dilakukan sudah banyak tutorial yang tersedia di internet, namun terkadang dalam pembuatan blog sendiri banyak pengguna blog yang mengabaikan yang namanya contact form atau formulir kontak baik itu blog pribadi maupun blog online shop.

Padahal banyak manfaat dan kegunaanya salah satunya yaitu memudahkan pembaca atau pengunjung untuk berkomunikasi jika ada keperluaan yang ingin ditanyakan tentang 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 di tanyakan terhadap artikel yang sudah di publisasikan di halaman blog, seyogya nya layanan dan fitur nya mempermudah berkomunikasi antara pemilik blog(admin) dan pengunjung(pembaca) blog.

Maka dalam kesempatan ini kita akan belajar cara membuat contact from tersebut anda simak langkahnya dan barangkali anda bisa terapkan ke blognya berikut ini;

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:


kode html blog blogger


8. Setelah temanya di simpan 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 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 halamana 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>

Inilah contoh penerapan dan penempatan kode HTML nya seperti gambar di bawah ini;

halaman static blog

11. Langkah terakhir klik tombol 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 yang sudah anda publisasikan seperti gambar berikut dibawah ini;

semua halaman blog

Note;
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 nya ada pada blog ini cari lewat search box blog.

Nah itulah hasil belajar membuat contact form diblog blogger semoga bermanfaat bagi anda semua kritik dan saran tinggalkan jejak lewat kolom komentar dibawah artikel nya. salam blogger...

Show comments
Hide comments

8 comments on Belajar Membuat Contact Form Di Blog Blogger

  1. Replies
    1. sis bisa ikuti tutornya untuk di terapkan ke blognya

      Delete
  2. Replies
    1. thanks dah singgah lagi entar sy kunjungi blog anda

      Delete
  3. aik, mana cara2 nya...ke saya je yang tak dapat loading sampai habis? saya nampak sampai ni je:

    Dalam pembuatan blog saat ini sudah cukup mudah dilakukan sudah banyak tutorial tersedia di internet,

    ReplyDelete