Home » » Cara Membuat Halaman Kontak di Blogger

Cara Membuat Halaman Kontak di Blogger

Cara membuat Kontak pada Halaman Statis di Blogspot

Untuk penguna blogger sangat mudah karena hanya perlu menambahkan Widget Formulir Kontak.

Walau tampilannya sangat sederhana tetapi siapapun dapat mengirimkan pesan dengan mengirimkan alamat email yang valid, anda bisa membaca pesan tersebut melalui email.
















Cara membuat halaman kontak di Blogger :

1. Pergi ke Dashboard Blogger Anda

2. Layout > Add a gadget &gt Contat Form



Karena secara default formulir Kontak hanya berkerja pada Widget menempati di slidebar.

untuk menempatkan di halaman statis anda harus mengedit sedikit..

Cara membuat Kontak di Halaman Statis:

Agar Widget kontak tidak dapat dilihat pengunjung maka kita harus memodifikasi.

3. Template > Edit HTML 
Pada HTML Cari widget bernama ContatForm lalu hapus berberapa listing berikut.



Setelah dihapus maka kita akan membuat halaman kontak.

4. Buat Halaman Baru beri nama Kontak / Contat Us  > kemudian buka menu page pilih mode HTML  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>



5. Simpan  Publikasikan

Thanks for reading Cara Membuat Halaman Kontak di Blogger

« Previous
« Prev Post
Next »
Next Post »