Cara Bikin Halaman Kontak Email

Halaman kontak Email bisa di bilang perlu keberadaannya di Blog yang anda kelola demi totalitas membangun hubungan baik antara anda sebagai admin/penulis Blog dengan para pengunjung Blog anda. Fungsinya sudah jelas untuk menerima pesan email dari para pengunjung Blog yang mungkin ingin menyampaikan pesan secara 'empat mata' kepada anda sebagai admin/penulis Blog.

Adapun, untuk memasang kontak email ada dua macam:
  • Di bikin di Sidebar Blog: nantinya "kontak email" anda berada terbuka di sidebar Blog. Selama ini, saya tak pernah menemukan Blog yang terpasang kontak email di sidebar.
  • Di bikin berupa halaman: nantinya kontak email anda berada di Menu beranda berupa halaman, seperti kontak email di Blog saya ini.

1. Di bikin di sidebar Blog

Untuk bikin kontak email yang akan tampil di sidebar Blog, anda cukup mengaktifkan Gadget "Formulir Kontak", adapun caranya sebagai berikut:

Langkah pertama

Masuk ke dasbor, lalu klik "Tata Letak", setelah halaman Tata letak terbuka, gulir ke bilah sisi, lalu klik "Tambahkan Gadget.

Langkah kedua

Setelah anda berada di halaman Gadget, gulir dan cari Gadget "Formulir Kontak", setelah ketemu langsung klik.

Langkah ketiga

Terakhir, anda di arahkan pada halaman seperti yang terlihat di gambar atas. Klik Ceklis "Tampilkan Formulir Kontak" dan klik "Simpan".

2. Di bikin berupa halaman

Untuk bikin kontak email berupa halaman, caranya anda tetap harus bikin "Formulir Kontak" seperti yang telah di paparkan di atas (di bikin di sidebar Blog).

Bedanya, tanpa di klik/Ceklis "Tampilkan Formulir Kontak", klik "Simpan". Hal ini di lakukan agar kontak email bisa aktif tapi kontak email tidak terpasang di sidebar Blog.

Selanjutnya:

Masih di halaman dasdor. Klik "Halaman", setelah itu klik "Halaman Baru". Setelah anda di alihkan ke halaman berikutnya, masukan kode HTML di bawah ini, beri judul halaman "Kontak Email", lalu klik "Simpan".

 ​<div dir="ltr" style="text-align: left;" trbidi="on">
<style>
.page-contact-form input,
.page-contact-form textarea {
width: 100%;
max-width: 100%;
margin-bottom: 10px;
}
.page-contact-form input.contact-form-button.contact-form-button-submit {
padding: 10px;
background: #000; /* Button background color */
color: #fff; /* Button text color */
border: none;
}
.page-contact-form input.contact-form-button.contact-form-button-submit:hover {
background: #777; /* Button background hover color */
color: #fff; /* Button text hover color */
}
</style>
<br />
<div class="contact-form-widget page-contact-form">
<div class="form">
<form name="contact-form">
Nama:<br />
<input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" />
E-mail: <span id="required" style="color: red;">*</span><br />
<input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" />&nbsp;Pesan: <span id="required" style="color: red;">*</span><br />
<textarea class="contact-form-email-message" cols="25" id="ContactForm1_contact-form-email-message" name="email-message" rows="5"></textarea>
<input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" type="button" value="Kirim" />
<br />
<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>
</form>
</div>
</div>
</div>

Sampai disini, anda telah memiliki halaman kontak email, tapi belum terpasang di Menu Halaman Beranda.

Untuk memasang halaman kontak email di Menu beranda, caranya sama seperti bikin halaman sitemap atau daftar isi dan bikin halaman About atau "Tentang Blog". Yaitu:

  • Masih di halaman dasbor
  • Klik "Tata Letak"
  • Gulir ke "Daftar Halaman (Atas)"
  • Klik logo Pensil
  • Klik Ceklis "Kontak Email"
  • Klik "Simpan"
Selamat mencoba, semoga berhasil!

NB: Kode di atas mungkin tidak berfungsi atau tidak bisa diterapkan untuk beberapa theme.


Ferry Alamsyah Setelah selesai membaca, maka menulislah! Karena aku membutuhkan teman untuk merubah dunia melalui tulisan.

Belum ada Komentar untuk "Cara Bikin Halaman Kontak Email"

Posting Komentar

Iklan Atas Artikel

Iklan1

Iklan Tengah Artikel 2

Iklan Bawah Artikel