. Cara Membuat Halaman Contact Us Sederhana di Blogger - NoorKhafidzin -->

Cara Membuat Halaman Contact Us Sederhana di Blogger



Cara Membuat Halaman Contact Us Sederhana di Blogger - Halaman Contact Us atau Contact Me adalah halaman statis yang dibuat untuk memudahkan pengunjung sebuah blog untuk menghubungi pemilik atau pengelola blog. Seperti pada postingan sebelumnya, Halaman yang Wajib Ada pada sebuah Blog Serta untuk Google Adsense. bahwa halaman Contact penting bagi sebuah blog. Cara membuat halaman contact cukup mudah apalagi bagi pengguna platform Blogger, sudah ada widget Formulir Kontak. Tapi, ada cara membuat halaman contact di halaman statis, jadi form kontak tidak selalu muncul di semua halaman blog.

Cara Membuat Halaman Contact Us Sederhana di Blogger

  • Masuk ke dashboard Blogger.
  • Pilih menu Halaman.

  • Buat Halaman Baru
  • Isikan data sebagai berikut:
1. Isikan judul halamanya, misal Cntact Us.
2. Pilih Mode Pengeditan HTML dulu {lupa kelewatan belum di edit gambarnya (-: }. Lalu pastekan kode berikut:
<div dir="ltr" style="text-align: left;" trbidi="on">
<form name="contact-form">
Untuk informasi lebih lanjut, silahkan mengisi form di bawah ini:
<div>
<span class="" lang="en"><span class="hps">
</span></span></div>
Nama
<input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" size="30" style="max-width: 400px; width: 100%;" type="text" value="" />
Email <span style="font-weight: bolder;">*</span>
<input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="30" style="max-width: 400px; width: 100%;" type="text" value="" />
Pesan <span style="font-weight: bolder;">*</span>
<textarea class="contact-form-email-message" id="ContactForm1_contact-form-email-message" name="email-message" rows="5" style="max-width: 400px; width: 100%;"></textarea>
<input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" onclick="sendEmailMsg()" type="button" value="Kirim" />


<div style="max-width: 400px; text-align: center; width: 100%;">
<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>
</div>
</form>
</div>
3. Edit settingan halaman seperti pada gambar diatas.
  • Lalu tinggal publikasikan
logo
Berlomba-lombalah dalam kebaikan, fastabiqul khairat.
  • Twitter
  • Instagram
  • Subscribe Our Newsletter

    Related Posts

    Buka Komentar
    Tutup Komentar

    0 Response to "Cara Membuat Halaman Contact Us Sederhana di Blogger"

    Post a Comment

    Iklan Atas Artikel

    Iklan Tengah Artikel 1

    Iklan Tengah Artikel 2

    Iklan Bawah Artikel