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 Cara Memasang Widget Contact Form di Halaman Statis Blog](https://images-blogger-opensocial.googleusercontent.com/gadgets/proxy?url=http%3A%2F%2F1.bp.blogspot.com%2F-YztrB60BKhk%2FU0Ug3Oj3asI%2FAAAAAAAAB-U%2F2o9R6p8z-ZI%2Fs1600%2Funnamed.png&container=blogger&gadget=a&rewriteMime=image%2F*)
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](http://1.bp.blogspot.com/-rNeReWJG3eI/UZ6KkJmiMjI/AAAAAAAAB7U/eirsw_mNJB8/s1600/Screenshot_1.jpg)
![]() |
- Pilih Widget Formulir Kontak
![Cara Memasang Widget Contact Form di Halaman Statis Blog Cara Memasang Widget Contact Form di Halaman Statis Blog](http://3.bp.blogspot.com/-5YyqqXjZ9ms/UZ6KM8-4wAI/AAAAAAAAB60/go7OVTVF43Q/s1600/Widget+Contact+Form+Halaman+Statis+%25284%2529.jpg)
- Masuk ke menu Laman, dan buatlah laman kosong baru :
![Cara Memasang Widget Contact Form di Halaman Statis Blog Cara Memasang Widget Contact Form di Halaman Statis Blog](http://lh3.ggpht.com/-URHo3lycVV0/UZVKlJ4pU9I/AAAAAAAACtI/rzdRbSuwHL8/create-new-page-in-blogger%25255B2%25255D.png?imgmax=800)
- Di dalam editor, pilih mode HTML bukan Compose dan copy pastekan kode di bawah ini :
![Cara Memasang Widget Contact Form di Halaman Statis Blog Cara Memasang Widget Contact Form di Halaman Statis Blog](http://lh4.ggpht.com/-r8m2K8BP8Fc/UZVKnAyeaiI/AAAAAAAACtQ/93pR_rFAecQ/blogger-comment-form-on-separate-page%25255B2%25255D.png?imgmax=800)
- Setelah itu klik Publikasikan.
3. Selanjutnya menuju ke Template → Edit HTML
![Cara Memasang Widget Contact Form di Halaman Statis Blog Cara Memasang Widget Contact Form di Halaman Statis Blog](http://lh3.ggpht.com/-PQzc6danyMA/UYGnLdqUeBI/AAAAAAAACoM/_icXH34YwoI/blogger-edit-html2.png?imgmax=800)
- 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](http://lh3.ggpht.com/-ODg3CsG_fGk/UZVKoZ0ctJI/AAAAAAAACtY/-128e9G92U0/jump-to-contact-form-widget%25255B2%25255D.png?imgmax=800)
![Cara Memasang Widget Contact Form di Halaman Statis Blog Cara Memasang Widget Contact Form di Halaman Statis Blog](http://lh4.ggpht.com/-eUj8_uIBUqs/UZVKpxHb08I/AAAAAAAACtg/d57NoLJOUc4/expand-contact-form-widget%25255B2%25255D.png?imgmax=800)
- Kemudian expand tag b:includable
![Cara Memasang Widget Contact Form di Halaman Statis Blog Cara Memasang Widget Contact Form di Halaman Statis Blog](http://lh6.ggpht.com/-WJpxgXxRkqY/UZVKrAJUwkI/AAAAAAAACto/0LsefeJhbbs/expand-contact-form-widget-main-includable%25255B2%25255D.png?imgmax=800)
- Selanjutnya delete kode seperti di bawah ini
![Cara Memasang Widget Contact Form di Halaman Statis Blog Cara Memasang Widget Contact Form di Halaman Statis Blog](http://lh6.ggpht.com/-i_aSI_fKS10/UZVKscbjFKI/AAAAAAAACtw/r_9ZgJ4XjDk/delete-bincludable-of-contact-form%25255B2%25255D.png?imgmax=800)
- Hingga menjadi seperti ini
![Cara Memasang Widget Contact Form di Halaman Statis Blog Cara Memasang Widget Contact Form di Halaman Statis Blog](http://lh4.ggpht.com/-bdRM8JQo7Dk/UZVKt60r8lI/AAAAAAAACt4/dbOSJyWO60w/contact-form-widget-should-look-like%25255B2%25255D.png?imgmax=800)
- 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
- Demo bisa lihat di sini.
Selamat Mencoba dan Semoga Bermanfaat !