Cara Membuat Halaman Contact Menggunakan Widget Contact Form Bawaan Blogger

Pentingkah halaman contact me / contact us? dapat saya katakan hal ini penting dan wajib ada pada sebuah website, gunanya untuk memudahkan pengunjung untuk menghubungi kita jika ada yang ingin di diskusikan, tidak hanya itu, sebuah layanan iklan juga mungkin akan menganggap sobat lebih profesional dengan membuat halaman contact, karena hal tersebut menunjukkan bahwa sobat bisa terus aktif dan serius untuk mengelola situs web atau blog maya dengan memberikan informasi kontak.

Khusus untuk mendaftarkan situs ke layanan iklan, banyak juga hal yang wajib ada pada sebuah web atau blog sobat sebelum mendaftarkan diri, contoh nya Google Adsense, dari yang saya ketahui setelah banyak membaca artikel dari para blogger senior yang membahas ini, hal yang wajib ada salah satunya halaman Contact ini.

Untuk membuat halaman Contact, sobat harus membuatnya dengan informasi kontak yang benar-benar milik sobat, seperti email, ataupun sosmed jika memang sobat lebih mudah dihubungi melalui sosial media. Disini saya merekomendasikan Contact Form dari Blogger, pesan yang dikirim melalui contact form tersebut akan langsung dikirim ke email sobat langsung.

Membuat contact form dari Blogger juga tidaklah seribet membuat contact form dari luar, kita tidak perlu mendaftarkan email lagi, karena blogger sudah memiliki email kita sebagai pengelola blog. Jadi sobat hanya perlu membuat Widget contact form langsung dari blogger, dan nantinya akan kita berikan sebuah perintah didalam HTML untuk menampilkanya hanya pada Laman kontak yang kita buat.

#1 Cara Membuat Widget Contact Form

1. Silahkan sobat masuk ke dashbor blogger
2. Pada bilah kiri, silahkan pilih Tata Letak, lalu Tambahkan Gadget, terserah dimana saja, karena nanti juga akan kita pindahkan.

3. Jika Gadget sudah muncul, silahkan pilih "Gadget Lainya" pada bilah kiri, dan pilih gadget "Formulir Kontak", lalu klik Simpan.

4. Pindahkan Gadget tersebut ke bawah "Gadget Posting Blog", jangan lupa untuk menyimpan setelan.

5. Masuk ke Template -> Edit HTML, cari ]]></b:skin> letakkan kode dibawah ini tepat sebelumnya jangan lupa Simpan Template.

1. .widget.ContactForm {  
2.  display: none;  
3.  }  

Kode diatas berfungsi untuk menyembunyikan widget formulir kontak dari blog, dengan tambahan kode lain yang akan kita tempatkan pada Laman, jadi widget tersebut hanya akan tampil pada Laman yang kita buat. Selebihnya simak saja terus sampai bawah.

#2 Cara Menampilkan Widget Contact Form Hanya Pada Laman Contact

1. Buatlah dulu sebuah Laman, beri judul sesuai selera, bisa itu Halaman Kontak / Contact / Contact Us, sesuai selera dan tetap sesuai isi.

2. Lalu copy kode dibawah ini, dan paste didalam mode HTML bukan Compose pada pembuatan Laman. Sumber kode dari Mas Sugeng.

1. <style type="text/css">  
2.  .widget.ContactForm {  
3.  display: block;  
4.  }  
5.  .post-footer {  
6.  display: none;  
7.  }  
8.  #blog-pager {  
9.  display: none;  
10.  }  
11.  .blog-feeds {  
12.  display: none;  
13.  }  
14.  .widget.ContactForm .title {  
15.  display: none;  
16.  }  
17.  .widget.ContactForm * {  
18.  max-width: 100%;  
19.  }  
20.  </style>  

Keterangan: Kode diatas fungsinya, untuk menampilkan contact form yang telah kita sembunyikan tadil.

3. Pada pengaturan di Laman, silahkan sembunyikan komentar, agar kontak form nya dapat berada tepat dibawah judul.

4. Publikasikan! Done.

Untuk melengkapi informasi kontak, sobat bisa menambahkan kontak lain seperti alamat email lain, facebook atau twitter agar halaman terkesan tidak terlalu kosong.

Silahkan Baca: Cara Mudah Membuat Tombol Follow, Messages dan Tweet Twitter Tampil Di Blog

Berakhir sudah artikel kali ini, semoga dapat bermanfaat bagi sobat semua.

Info4You Info4You Update Pada: January 26, 2017