Menambah fitur kirim pesan kepada penulis blog dari laman seperti gambar dibawah ini, adalah hal yang tidak susah. Ikuti saja beberapa langkah berikut:
- Copy dan Paste Script dibawah pada laman yang telah tersedia.
- Jangan lupa menggunakan format HTML pada penulisan blog.
<span style="font-size: large;"><b>
</b></span> <span style="font-size: large;"><b>
</b></span> <span style="font-size: large;"><b>Kirim Pesanmu</b></span>
<form name="contact-form">
Nama
<input id="ContactForm1_contact-form-name" name="name" size="18" style="height: 2px; width: 220px;" />
Alamat Email <span style="color: red; font-weight: bolder;">*</span>
<input id="ContactForm1_contact-form-email" name="email" size="18" style="height: 2px; width: 220px;" />
Isi Pesan <span style="color: red; font-weight: bolder;">*</span>
<textarea cols="25" id="ContactForm1_contact-form-email-message" name="email-message" rows="5" style="height: 79px; margin: 0px; width: 244px;"></textarea>
<input id="ContactForm1_contact-form-submit" type="button" value="Kirim" />
<div style="max-width: 222px; text-align: center; width: 100%;">
<div id="ContactForm1_contact-form-error-message">
</div>
<div id="ContactForm1_contact-form-success-message">
</div>
</div>
</form>
<style type="text/css">
/* Menyembunyikan elemen dalam postingan */
#comments, #blog-pager, .breadcrumbs, .post-footer{display:none}
</style>
</b></span> <span style="font-size: large;"><b>
</b></span> <span style="font-size: large;"><b>Kirim Pesanmu</b></span>
<form name="contact-form">
Nama
<input id="ContactForm1_contact-form-name" name="name" size="18" style="height: 2px; width: 220px;" />
Alamat Email <span style="color: red; font-weight: bolder;">*</span>
<input id="ContactForm1_contact-form-email" name="email" size="18" style="height: 2px; width: 220px;" />
Isi Pesan <span style="color: red; font-weight: bolder;">*</span>
<textarea cols="25" id="ContactForm1_contact-form-email-message" name="email-message" rows="5" style="height: 79px; margin: 0px; width: 244px;"></textarea>
<input id="ContactForm1_contact-form-submit" type="button" value="Kirim" />
<div style="max-width: 222px; text-align: center; width: 100%;">
<div id="ContactForm1_contact-form-error-message">
</div>
<div id="ContactForm1_contact-form-success-message">
</div>
</div>
</form>
<style type="text/css">
/* Menyembunyikan elemen dalam postingan */
#comments, #blog-pager, .breadcrumbs, .post-footer{display:none}
</style>
3. Menuju pengaturan Layout.
4. Tambahkan Gadget Formulir Kontak dengan mengklik Add a Gadget pada posisi yang diinginkan.
5. Pada halaman Add a Gadget pilih Contact Form.
6. Save.
7. Cobalah untuk mengirim pesan.
Sekian dari saya, semoga bermanfaat dan terima kasih.
Posting Komentar