Langkah mudah membuat menu kontak di halaman statis blog

(iklan disini)

(iklan disini)

Cara membuat menu kontak di blog terbilang mudah,Kita bisa memanfaatkan widget blog yang ada untuk memunculkan menu kontak ini,Agar menu kontak form ini bisa muncul di halaman statis ada beberapa langkah yang harus kita lakukan.

Sebelum mulai membuat menu kontak di halaman statis ada baiknya kita ketahui dahulu apa itu halaman statis,Biasanya halaman statis ini akan selalu muncul di bagian atas blog,Berurutan dengan menu about me,kontak kami,disclaimer dan juga privacy policy,Pasti setiap blogger yang akan mendaftar adsense paham benar akan menu-menu wajib ini.

Guna dari menu kontak ini sebagai media untuk mengirim pesan kepada admin blog,pesannya bisa apa saja.Asal jangan di buat nyepam saja.Dengan meletakkan menu kontak di halaman statis pengunjung yang datang kan lebih mudah mencari menu kontak untuk menghubungi si pemilik blog jika ada keperluan.Nah berikut cara dan langkah mudah memasang menu kontak kami di halaman statis.

Cara memasang menu kontak kami di blog

1. Login terlebih dahulu ke blog yang kita punya.

2. Setelah itu pilih menu tata letak dan tambahkan gadget blog,Karena kita ingin menampilkan menu kontak jadi pilih menu formulir kontak,kemudian klik simpan,Lihat gambar di bawah.

3. Setelah itu kopi kode di bawah ini dan letakkan di atas kode ]]></b:skin>

.widget.ContactForm { display: none;
 }

Masuk ke menu editor template blog,gunakan kontrol F untuk mencari ]]></b:skin> ,setelah di temukan kode diatas pastekan tepat diatas kode tersebut.Kemudian klik simpan,Dengan cara ini menu kontak yang kita buat tadi sudah di sembunyikan dari halaman utama blog kita.Tinggal tahap selanjutnya menyiapkan menu kontak di halaman statis blog.Lihat gambar

4. Setelah langkah no 3 selesai,Kita buat menu kontak di halaman statis nya,caranya klik menu laman blog,buat menu halaman baru dengan judul kontak kami.

5. Setelah itu di halaman editor yang muncul ubah format compose menjadi html untuk kemudian memasukkan kode kontak kami yang akan tampil di halaman statis.

6. Untuk kode kontak kami yang harus di sisipkan di bawah ini.

<div class="form">
<form name="contact-form">
<input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Nama*&quot;;}" onfocus="if (this.value == &quot;Nama*&quot;) {this.value = &quot;&quot;;}" size="30" type="text" value="Nama*" />  
<input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Email Valid*&quot;;}" onfocus="if (this.value == &quot;Email Valid*&quot;) {this.value = &quot;&quot;;}" size="30" type="text" value="Email Valid*" />  
Isi Pesan*  
<textarea class="contact-form-email-message" cols="25" id="ContactForm1_contact-form-email-message" rows="10"></textarea>  
<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" />    
<div style="max-width: 250px; 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>
<b>*</b><i>wajib diisi</i></div>
<style>
    .contact-form-name, .contact-form-email {max-width: 250px; width: 100%;}
    .contact-form-email-message {max-width: 450px; width: 100%;}
    </style> 

7. Hasilnya akan seperti di bawah ini.

8. Setelah itu klik publikasikan dan lihat hasilnya,Dengan langkah-langkah diatas kita sudah berhasil membuat menu kontak kami di halaman statis blog yang kita punya,Cukup sederhana dan mudah bukan.Demikian cara membuat menu kontak di blog kali ini,Semoga bisa berguna dan bermanfaat.

Ketahui juga : Halaman dan menu penting yang wajib ada di dalam blog

(iklan disini)