Cara Membuat Halaman Kontak Blog

Pencarian begaimana membuat halaman kontak blog akan saya bagikan kali ini.

Halaman kontak adalah suatu hal yang penting dalam sebuah blog atau website, dimana halaman ini sangat diperlukan bagi pengunjung blog dalam menyampaikan bertanyaan, kritik, maupun saran yang disampaikan untuk kita sebagai admin atau pengelola blog.

Dan untuk bagaimana cara pembuatannya, berikut saya jelaskan dibawah ini, silahkan simak dan ikuti langkah-langkah yang ada.

Langkah-langkah pembuatan kontak ini sangat sederhana dan cepat dalam pembuatannya, untuk melihat demo dari halaman kontak silahkan klik demo dibawah ini.

Untuk pembuatannya silahkan copy script dibawah ini.

    <div class='form'>
    <form name='contact-form'>
  <p></p>
  Silahkan sampaikan pesan pertanyaan, kritik maupun saran melalui form dibawah ini :
    <br/>
    <p></p>
  Nama Kamu :
    <br/>
    <input class='contact-form-name' id='ContactForm1_contact-form-name' name='name' size='30' type='text' value='' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Nama*&quot;;}' onfocus='if (this.value == &quot;Nama*&quot;) {this.value = &quot;&quot;;}'/>
    <p></p>
  Alamat Email Kamu :
    <br/>
    <input class='contact-form-email' id='ContactForm1_contact-form-email' name='email' size='50' type='text' value='' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Email Valid*&quot;;}' onfocus='if (this.value == &quot;Email Valid*&quot;) {this.value = &quot;&quot;;}'/>
    <p></p>
    Silahkan Isi Pesan Kamu Dibawah ini :
    <br/>
    <textarea class='contact-form-email-message' cols='25' id='ContactForm1_contact-form-email-message' rows='10'></textarea>
    <p></p>
    <input class='contact-form-button contact-form-button-submit' id='ContactForm1_contact-form-submit' type='button' value='Kirim'/>
    <input class='contact-form-button contact-form-button-submit' type='reset' value='Reset'/>
    <p></p>
    <div style='text-align: center; max-width: 250px; 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>
    <style>
    .contact-form-name, .contact-form-email {max-width: 250px; width: 100%;}
    .contact-form-email-message {max-width: 450px; width: 100%;}
    </style>

 Silahkan masuk ke blog kamu dan pada menu blog sebelah kiri dan tambahkan laman baru.

Pada lembaran laman baru silahkan klik opsi HTML dan paste script yang sudah di copy tadi.

Setelah dipaste silahkan isi judul laman dan klik publikasi.

Artikel terkait : Cara Membuat Email Berlangganan Feedburner Blog

Keterangan kode kontak.
Sedikit tambahan mengenai kode atau script dari halaman kontak ini :

1. Pada script ada beberapa yang saya beri warna merah, silahkan ubah text tersebut sesuai dengan keinginan
2. Kode pada script yang saya tandai dengan warna biru adalah untuk tinggi kolom, kamu dapat menambah atau mengurangi tinggi kolom pada kode tersebut.
3. Pada kode yang berwarna hijau adalah  untuk menyesuaikan lebar "informasi pengiriman pesan" dan lebar form "nama" dan "email".
4. Lalu untuk kode yang berwarna ungu adalah untuk lebar fom isi pesan.

Silahkan sesuaikan dengan keinginan kamu.

Selesai.

Demikian yang saya bagikan yang membahas tentang pembuatan kontak blog semoga bisa membantu dan bermanfaat. Terimakasih.



*Jika ada pertanyaan silahkan sampaikan melalui form komentar, dan jika suka dengan artikel ini silahkan dengan klik like, share, atau join fans page untuk mengetahui artikel lainnya. 

Tweet

Subscribe to receive free email updates: