Cara termudah memidahkan form kontak blogger ke halaman khusus

Posting saya sebelumnya mengenai cara mudah membuat form kontak menggunakan widget blogger, kini saya akan menginformasikan cara memindahkan form tersebut ke sebuah halaman kontak khusus sehingga blog anda akan nampak lebih rapi.

Langkah pertama adalah menambahkan form kontak pada sidebar blog anda (bila anda belum membuatnya silahkan klik disini). 

Bila anda telah membuatnya silahkan ikuti langkah berikut ini :

1. Buatlah sebuah halaman baru pada blog anda, berilah judul Hubungi Kami

2. Copy kode berikut di bawah ini

<form name='contact-form'>
<div>Your Name : </div>
<input class='contact-form-name' id='ContactForm1_contact-form-name' name='name' size='30' type='text' value=''/>
<div>Your Email: <em>(required)</em></div>
<input class='contact-form-email' id='ContactForm1_contact-form-email' name='email' size='30' type='text' value=''/>
<div>Your Message: <em>(required)</em></div>
<textarea class='contact-form-email-message' 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' type='button' value='Send'/>
<div style='text-align: center; max-width: 450px; 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>

3. Ikuti langkah seperti pada gambar di bawah ini

4.  Kemudian anda klik Template > Edit HTML

5. Pilih Jump to Widget , ContactForm Code perluas tampilan dengan widget code

carilah tulisan <b:includable id='main'> (gunakan tombol shourtcut ctrl F untuk mempermudah pencarian)

Lalu silahkan anda hapus code yang highlighted atau terblok warna biru muda di bawah ini

Sehingga hasilnya seperti di bawah ini

6. Sekarang kita telah mencegah Contact Form Widget muncul di mana saja pada sidebar, tetapi terus berfungsi, Pastikan bahwa Anda tidak menghapus widget contact form dari Page Layout.

Simpan Template dan Anda sekarang memiliki halaman kontak terpisah pada blog Blogger Anda.

Selamat mencoba.

Anda menyukai blog ini ?
Gunakan tombol Sosial Media dibawah ini untuk berbagi informasi ini pada teman :)