Membuat Contact Us dihalaman Statis Blog

Halaman contact merupakan bagian penting pada blog maupun website ini bertujuan agar mempermudah pengunjung yang ingin menghubungi dan menyakan hal seputar blog.
Awal membaca tips ini saya dapatkan dari blog seocips dan sekarang pun saya gunakan pada blog ini.
Cara cukup mudah terlebih blogger sudah menyediakan widget contact form sayangnya itu hanya bisa ditamplkan pada bagian layout saja. Untuk menampilkan dihalamin statis kita tinggal sedikit memodifikasinya saja.

Membuat Contact Us dihalaman Statis Blog
Silahkan ke Tata Letak > Add Gadget > Gadget Lainnya > Pilih Formulir Kontak
Lalu Klik save

Selanjutnya ke menu Template > Edit HTML
Cari kode seperti ini
<b:widget id='ContactForm1' locked='false' title='Contact Form' type='ContactForm'>
Lihat gambar dibawah

Hapus dan sisakan kode seperti dibawah

   <b:widget id='ContactForm1' locked='false' title='Contact Form' type='ContactForm'>
     <b:includable id='main'>

--------------------------------
    Hapus bagian tengah ini

--------------------------------
    </b:includable>
      </b:widget>
    </b:section>

Lalu klik save template
Lanjut ke Menu Laman > Laman baru
Pilih Html dan pastekan kode dibawah

    <div class='widget ContactForm' id='ContactForm1'>
      <div class='contact-form-widget'>
        <div class='form'>
          <form name='contact-form'>
            <p>Name<p>
            <input class='contact-form-name' id='ContactForm1_contact-form-name' name='name' size='30' type='text' value=''/>
            <p>E-mail *</p>
            <input class='contact-form-email' id='ContactForm1_contact-form-email' name='email' size='30' type='text' value=''/>
            <p>Message *</p>
            <textarea class='contact-form-email-message' cols='25' id='ContactForm1_contact-form-email-message' name='email-message' rows='5'></textarea>
            <input class='contact-form-button contact-form-button-submit' id='ContactForm1_contact-form-submit' type='button' value='Submit'/>
            <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>
          </form>
        </div>
      </div>
    </div>

Klik Publikasikan selesai
Jangan lupa pasang di menu navigasi.

Tweet