Cara Mudah Memasang Contact Form di Blog

Mas Bro – 2/05/2015 08:55:00 AM

Pada kesempatan kali ini saya akan berbagi cara menambahkan atau memasang widget contact form di blog, Contact Form atau Formulir kontak ini bisa menghubungkan pemilik blog dengan pengunjung blognya.

Dengan adanya form contact ini pengunjung blog Anda akan lebih mudah untuk menghubungi Anda sebagai admin untuk sekedar menyapa, berterimakasih ataupun memberi saran dan bertanya. 

Caranya pun sangat mudah cukup mengisikan nama, email yang bisa dihubungi dan isi kotak pesan kemudian klik Kirim. 

Contohnya seperti ini:


Untuk melihat pesan yang di kirim, silahkan buka Email Blogger anda, akan ada email berisi pesan baru dengan title Formulir Kontak Blogger, dan jika dibuka isinya seperti ini:

Kurang lebihnya seperti itulah fungsi dari contact form di blog, Selanjutnya adalah bagaimana cara membuat contact form di blog, untuk membuatnya ikuti langkah-langkah berikut ini:

1. Login ke Blogger.
2. Kemudian pada Dashboard Blogger pilih menu Tata Letak dan Tambahkan Gadget.
3. Pilih Gadget Lainnya dan kemudian klik gadget/widget Formulir Kontak.



4. Selanjutnya isikan Title/judul widgetnya dan kemudian klik Simpan.
5.  Selesai, sekarang di blog anda sudah terpasang widget Contact Form.

Memodifikasi Widget Contact Form

Agar widget contact form lebih menarik, kita bisa memodifikasi widget tersebut seperti menambahkan teks placeholder atau mengubah tombol kirimnya dan sebagainya. caranya adalah:

1. pada dashboard blogger, pilih menu Template kemudian klik Edit HTML. Sebelum mengubah template sebaiknya untuk jaga-jaga Anda lakukan backup template blogger terlebih dahulu.
2. Pada Edit HTML pilih menu Lompat ke Widget dan pilih ContactForm1.
3. Untuk menambahkan Placeholder cara masukkan/editkan ke dalam bagian input text/textarea misal: 

   <input type='text' ..  placeholder='isikan nama anda' ... /> atau
   <textarea ..  placeholder='isikan pesan anda' ... />

4. Jika ingin menambahkan jarak tepi teks pada kolom contact form, tambahkan padding dan diletakkan di bagian input text/textarea juga seperti berikut ini: 

   <input type='text' .. style='padding-left: 3px;' ... /> atau <textarea ..  style='padding: 3px 3px 3px 3px;' ... />.

5.  Untuk input type text biasanya untuk bagian Nama dan Email sedangkan untuk bagian pesan biasanya menggunakan textarea.
6. Untuk memodifikasi bagian lainnya silahkan dicoba sendiri ya....

Sekian tutorial sederhana cara mudah memasang contact form di blog, Semoga Bermanfaat...