Cara Memasang Widget Contact Form di Halaman Statis Blog


Kali ini Saya akan memberitahu Cara Memasang Widget Contact Form di Halaman Statis Blog.
Iseng-iseng mengunjungi blog mas-sugeng.com dan ke blog Blogger Widgets, ada fitur baru yang dirilis blogger, salah satu fitur barunya yaitu widget contact form. Namun, sayangnya widget tersebut hanya dapat diletakkan di sidebar, tidak dapat diletakkan di dalam postingan maupun di halaman khusus (halaman statis). Nah, agar bisa diletakkan di dalam postingan, caranya ada di bawah ini.

Cara Memasang Widget Contact Form di Halaman Statis Blog

Langsung saja berikut ini caranya :

1. Menambah Gadget Contact Form

Cara Memasang Widget Contact Form di Halaman Statis Blog

Cara Memasang Widget Contact Form di Halaman Statis Blog

  • Pilih Widget Formulir Kontak
Cara Memasang Widget Contact Form di Halaman Statis Blog

2. Membuat Halaman Statis

  • Masuk ke menu Laman, dan buatlah laman kosong baru :

Cara Memasang Widget Contact Form di Halaman Statis Blog

  • Di dalam editor, pilih mode HTML bukan Compose dan copy pastekan kode di bawah ini :

Cara Memasang Widget Contact Form di Halaman Statis Blog

<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>

  • Setelah itu klik Publikasikan.

3. Selanjutnya menuju ke Template → Edit HTML

Cara Memasang Widget Contact Form di Halaman Statis Blog

  • Langsung lompat ke kode widget contact form, lalu expand kode widgetnya

Cara Memasang Widget Contact Form di Halaman Statis Blog

Cara Memasang Widget Contact Form di Halaman Statis Blog

  • Kemudian expand tag b:includable

Cara Memasang Widget Contact Form di Halaman Statis Blog

  • Selanjutnya delete kode seperti di bawah ini 

Cara Memasang Widget Contact Form di Halaman Statis Blog

  • Hingga menjadi seperti ini

Cara Memasang Widget Contact Form di Halaman Statis Blog

  • Simpan jika sudah selesai mengedit
  • Kita sudah mencegah munculnya contact form di sidebar
  • Pastikan bahwa Anda tidak membuang widget tersebut dari Tata Letak.

4. Lihat hasilnya


Selamat Mencoba dan Semoga Bermanfaat !

Belum ada Komentar untuk "Cara Memasang Widget Contact Form di Halaman Statis Blog"

Posting Komentar

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel

Tekan close (x) 2 kali untuk menutup, jangan lupa Berlangganan

Masukkan Email aktif untuk update artikel via email :

Delivered by FeedBurner

×