Membuat Halaman Kontak Di Blogger

Posted by ILMU 168 on

Sahabat Blog Tutorial Campur Aduk, di artikel sebelumnya sudah diposting tentang Cara Memasang Widget Contact Form di Blogger. Kali ini merupakan lanjutan dari artikel sebelumnya tentang memasang form kontak di sidebar blogger, yang mana sekarang akan dijelaskan bagaimana Membuat Halaman Kontak di Blogger dengan menggunakan widget yang terdapat di Blogger tersebut. Caranya cukup mudah dan tidak memerlukan lagi fasilitas pihak ketiga, jika penasaran silakan simak bagaimana kemudahan memasang kontak di halaman blogger.

Bagaimana Membuat Halaman Kontak di Blogger?

Ikuti langkah-langkah dibawah ini, dan jika sahabat ingin melihat hasil dari halaman kontak tersebut, silakan lihat Contoh Kontak.

1. Pasang dahulu Widget Contact Form dari Blogger ke sidebar blogspot sahabat. Lihat caranya di halaman Memasang Widget Form Kontak di Blogger.

2. Buat sebuah halaman kosong, contohnya seperti dibawah ini.

Kemudian copy paste kode dibawah ini.

<table><tbody>
<tr><td>Nama</td> <td>
<input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" size="60" type="text" value="" />
</td></tr>
<tr> <td>
Email<span style="font-weight: bolder;"> *wajib diisi </span></td><td>
<input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="60" type="text" value="" />
</td></tr>
<tr> <td>
Pesan<span style="font-weight: bolder;"> *wajib diisi </span></td><td>
<textarea class="contact-form-email-message" cols="60" id="ContactForm1_contact-form-email-message" name="email-message" rows="5"></textarea>
</td></tr>
<tr><td align="center" colspan="2">
<input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" type="button" value="Send" />
</td></tr>
<tr><td align="center" colspan="2">
<div style="max-width: 222px; 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>
</td></tr>
</tbody></table>

Jangan lupa ketika membuat halaman kontak ini, sahabat harus merubah posisi compose menjadi HTML, lihat gambar dibawah ini.

Sekarang halaman kontak sudah bisa digunakan sepenuhnya. Sangat mudah dan simpel bukan? Nah, ada satu syarat untuk yang satu ini, yaitu sahabat jangan sampai menghapus widget contact yang sudah dipasang di sidebar sebelumnya. Dengan catatan widget tersebut harus ada dalam layout blogger, jika dihapus maka form yang ada dalam halaman kontak tidak bisa digunakan, karena widget ID tersebut hilang. Lalu bagaimana menyembunyikan atau menghilangkan form kontak di sidebar? 

Cara menghilangkan form kontak di sidebar.

Masuk ke bagian edit HTML, dan cari kode seperti gambar dibawah ini.

 Kemudian hapus bagian yang diblok tersebut, sehingga menjadi seperti gambar dibawah ini.

Setelah selesai, klik simpan.

Sekali lagi untuk mengingatkan, setelah dihapusnya kode diatas tersebut, sahabat jangan sampai menghapus widget yang ada di bagian Layout, jadi biarkanlah tetap ada dalam layout supaya form kontak yang ada dihalaman kontak yang sudah sahabat buat tidak hilang.

Labels: Tutorial Blogging

Thanks for reading Membuat Halaman Kontak Di Blogger. Please share...!