Membuat Form Kontak pada Blogspot

Halo sobat serba-serbi, bagimana anda hari ini ? Kali ini saya ingin berbagi tips seputar blog, yakni Membuat Form Kontak pada Blogspot.

Adakalanya saat membaca sebuah artikel yang menarik di blog atau media online selain berkomentar kita juga ingin berkomunikasi secara privat dengan penulis. Namun kadang blog tersebut tidak menyediakan Form Kontak.
Banyak alasan sebuah blog tidak memiliki form kontak, salah satunya karena penulis nggak mau ribet.
Form Kontak merupakan salah satu cara menjalin komunikasi dengan pembaca selain form komentar, hal ini juga bisa menjadi acuan kita seberapa peduli kita melayani pembaca sehingga artikel kita bermanfaat.

Pada beberapa blog yang digunakan sebagai toko online, Form Kontak juga menjadi bagian yang sangat penting karena selain memudahkan pembeli menghubungi kita, juga memberikan rasa aman dan nyaman dalam berbelanja, karena pembeli tidak hanya melihat produk yang dijual saja.
Guarantee Trust / jaminan kepercayaan pada toko online yang menggunakan blogspot bagi pembeli menjadi salah satu acuan seseorang dalam berbelanja. Selain alamat dan kontak yang jelas, mudahnya berkomunikasi dengan penjual akan menjadi daya tarik tersendiri.

Kembali ke topik bahasan Membuat Form Kontak pada Blogspot nggak perlu ribet dan nggak pakai lama, juga tidak perlu pake bahasa-bahasa code. Ini sangat mudah bagi pemula seperti saya yang masih awam dengan bahasa script.

Berikut langkah-langkah membuat Form Kontak pada Blogspot :

1. Login ke Blogger
2. Pilih Layout trus klik Add a Gadget pada widget yang anda inginkan bisa disidebar maupun di footbar, sebagai contoh pada blog ini saya tempatkan kontak form di footbar.
   
3. Klik More Gadgets kemudian pilih Contact Form dan tambahkan.
4. Pada Configure Contact Form Widget ganti Title sesuai nama yang anda inginkan.
   
5. Klik Save.
6. Kemudian klik Save arrangement.

Jadi deh... anda bisa View Blog untuk melihat hasilnya. Mudah bukan ????

Oh ya, kalo kepengen lebih keren lagi, ada sedikit trik agar kita bisa meletakkan kontak form tadi pada halaman tersendiri, contohnya seperti pada iklan baris gombong, namun memerlukan sedikit pengetahuan akan bahasa script karena harus menambahkan sedikit code pada CSS. Tapi nggak usah khawatir karena anda tinggal copy paste saja.

Berikut caranya :

Seperti langkah-langkah diatas, setelah langkah ke 5,  

• click and drag gadget tadi dan letakkan dibawah Posting Blog 
• Kemudian klik Save arrangement.
• kemudian klik Template Designer, dan masuk pada setting lanjutan Blogger Template Designer
• Klik Advance dan klik Add CSS.
  
• Pada Kolom Add CSS masukan code berikut : (   .widget.ContactForm { display: none; }   )
• Klik  Apply to Blog dan kembali ke blog.

Eit,,,, jangan seneng dulu karena belum selesai hehehehehe....
Ok, selanjutnya kita membuat halaman sendiri, caranya

• Klik Pages, kemudian New Page dan Pilih Blank Page.
• Beri Judul Halaman dengan Hubungi kami atau sesuai selera anda.
• Pada mode HTML copy paste kan code berwarna merah berikut : 

########################

<style type="text/css">
.widget.ContactForm { display: block; }
.post-footer { display: none; }
#blog-pager { display: none; }
.blog-feeds { display: none; }
.widget.ContactForm .title { display: none; }
.widget.ContactForm * { max-width: 100%; }
</style>

########################

• Klik Publish, 
• Aktifkan pengaturan Pages pada Show pages as dengan memilih Top Tabs
• Kemudian klik Save Arrangement

Nah... kalo sekarang dah selesai... tinggal lihat hasilnya sambil makan malam. Gampang banget kan ?

Semoga cara Membuat Form Kontak pada Blogspot ini bermanfaat. Kalo ada yang bingung silahkan komen atau gunakan kontak form dibawah ya .... :)