Cara Mudah Membuat Contact / Contact Us di Blog

Logictechlife - Hello guys, berjumpa lagi dengan saya. Pada kesempatan kali ini, saya akan membagikan tutorial atau cara “Membuat Contact Us di Blog.” Cara ini digunakan oleh saya sendiri dan mungkin banyak juga digunakan oleh para blogger lainnya. 

Apa Sih Layanan Contact Us Itu?

Baiklah saya akan menjelaskan sedikit tentang layanan contact us tersebut. Layanan Contact Us merupakan sebuah laman yang terdapat pada blog yang berfungsi sebagai layanan untuk menghubungi admin atau pemilik blog tertentu. Bagi anda yang ingin bekerja sama atau bertanya tentang suatu hal, anda dapat menggunakan layanan Contact Us  tersebut.

Nah sekarang saya akan menunjukkan caranya membuat layanan Contact Us.

Cara Membuat Contact Us Dengan Foxy Form:

1. Pertama - tama kamu bisa kunjungi website pembuat Contact Us Form yakni Foxy Form.

2. Setelah berhasil masuk Foxy Form kamu dapat mensetting Backgound Color, Font Color, Font Size, dan Font pada kolom yang tersedia sebagai tampilan layanan contact form nantinya sesuai selera masing - masing.

3. Sehabis mensetting background, kini kamu dapat memasukkan Alamat Email yang anda gunakan saat ini sebagai Kontak, kemudian ceklis “Saya bukan robot” dan apabila pilihanmu sudah mantap, selanjutnya klik “Create Formulir.” Oiya guys, jangan lupa juga ceklis “Saya bukan robot” yang terletak di bawah. Setelah itu kamu bisa klik lagi “Create Formular.” 

   

4. Kemudian akan muncul kolom yang berisi kode html. Kamu salin semua kode “Html” yang terdapat pada kolom tersebut.

5. Setelah itu, kamu membuat laman / halaman baru pada blogger. Isikan terlebih dahulu judul halaman tersebut dengan “Contact Us” agar berjalan dengan mulus. Lalu ubah ke mode “HTML” (Bukan COMPOSE). Sekarang kamu dapat menempelkan atau paste kode “Html” yang dicopy tadi. 

6. Berikutnya, kamu beralih ke kanan atas. Kamu klik Setelan Tambahan dan pilih “Jangan Bolehkan Mode Tulis.” Lalu klik publikasikan. Selesai.

 

Cara Membuat Contact Us Keren Dengan 123ContactForm

Site Contact Form kedua kali ini dari segi tampilan tidak berbeda jauh dengan Contact Form yang pertama. Tetapi ada sedikit yang beda, yaitu di sini kamu dapat menambahkan Nomor HP, Subjek Pesan, dan lain - lain. Kamu dapat mengatur formatnya sesuai selera sendiri. Baiklah langsung aja ke tahapan - tahapannya :

1. Sekarang kamu klik atau buka situs 123ContactForm.

 2. Setelah masuk ke situsnya, kamu klik Sign Up For Free.

3. Selanjutnya kamu pilih Sign Up BASIC Free Always.

4. Setelah itu, akan muncul kolom Email, Password, dan Confirm Password. Kamu isi kolom tersebut dengan benar dan tepat. Bila sudah klik “Create account.”

5. Pada menu Dashboard, silahkan kamu klik “Contact Form.”

6. Setelah muncul tampilan Contact Form, di situ lah kamu dapat mengedit sesuai keinginan atau selera sendiri. Jika kamu ingin menghapus kolom yang tidak perlu untuk ditampilkan, kamu klik kolomnya dan nanti akan muncul tombol delete. Kalau sudah selesai mengedit kamu klik “continue.”

7. Kemudian nanti anda diminta untuk menotifikasi email jika ada yang menggunakan form Anda. Jika sudah melakukan perubahan, selanjutnya klik “SAVE” lalu “Continue.”

8. Yang terakhir silahkan kamu pilih menu tab “Blogger,” maka akan muncul kode HTML. Nah silahkan kamu Copy kode HTML tersebut dan tempelkan pada blog. Caranya pasang HTML nya pun sama dengan Contact Form yang pertama.

Sebagai catatan :

Semua pesan - pesan dari pengunjung di blogmu akan dikirim melalui email yang telah kamu daftarkan pada contact form tadi.

Mungkin cukup sampai di sini aja guys tutorial dari saya. Semoga dengan adanya artikel ini dapat bermanfaat bagi orang banyak. Apabila ada pertanyaan silahkan tinggalkan pada kolom komentar. Sampai bertemu di artikel berikutnya. Happy Blogging :)