Memasang Fitur Kontak atau Hubungi Kami

Blog yang didesain sebagai media pembelajaran online oleh seorang Guru (blogger lain... hehehe) tentunya perlu dukungan fitur penghubung antara pengguna dengan yang empunya blog, misalnya bertanya, mengirim file, atau mengirim tugas, dll.

Untuk Memasang Fitur Kontak atau Hubungi Kami, kita perlu bantuan pihak ke-3, yaitu Email Me Form. Email Me Form menyediakan fitur kontak kami secara gratis, walaupun ada juga yang berbayar, tentunya pilihan kita sama, yaitu gratis. Bagaimana cara mendapatkannya?

Untuk memasang fitur Kontak Kami atau Hubungi Kami, ikuti 3 langkah utama, yaitu:
A. Mendaftar di Email Me Form
B. Kreasi Kontak Kami
C. Memasang di Blog

A. Mendaftar di Email Me Form

1. Silahkan kunjungi situs Email Me Form
2. Klik Sign Up For Free, jika Anda belum pernah mendaftar sebelumnya
3. Pada halaman Sign Up, silahkan isi data-data berikut ini:
• First Name, isi dengan nama awal Anda
• Last Name, isi dengan nama belakang Anda
• Username, isi dengan nama yang ingin digunakan sebagai nama login jika sudah terdaftar
• Password, masukkan pasangan username atau password
• Retype Password, masukkan password yang sama dengan password yang pertama
• Your Email, masukkan alamat email Anda. Alamat email ini sekaligus sebagai penerima pesan dari pengguna Kontak Kami atau Hubungi Kami
4. Jika sudah benar, silahkan klik Sign Up
5. Periksa email yang Anda masukkan untuk mengetahui hasil verifikasi dan klik link yang dikirimkan oleh Email Me Form dengan subject Your New Account Information
6. Pada halaman Email Me Form hasil konfirmasi, silahkan klik Here pada bagian teks "Please click here to go into your Control Panel"

B. Kreasi Kontak Kami

1. Pada halaman selanjutnya, dibagian kanan layar komputer Anda, klik Create a New Form yang terletak dibagian gadget Control Panel – Form Builder
2. Pada bagian WEB FORM CREATION WIZARD - STEP 1 OF 7, Silahkan isi data-data berikut ini:
• Web Form Name, silahkan isi namanya, misalnya "Kontak Kami”
• Recipients Emails, alamat penerima email. Anda dapat menambahkan alamat penerima email selain alamat email yang pertama saat mendaftar
• Thanks You Page, masukkan sebuah alamat (link) postingan yang isinya tentang ucapan terimakasih terhadap pengguna “Kontak Kami”. Alamat ini akan muncul setelah pengguna berhasil mengirim ke alamat email Anda dengan menggunakan "Kontak Kami”
• Number of Field, ubah angka 4 menjadi 5, tambahan 1 bidang digunakan untuk melampirkan file (Lihat contohnya di sini)
3. Akhiri langkah 1 dari 7 dengan klik Next
4. Pada bagian WEB FORM CREATION WIZARD - STEP 2 OF 7, Ada 5 kolom pada langkah ke dua ini, yaitu No, Field Name (nama bidang), Field Type (tipe bidang), Required (wajib, wajib diisi oleh pengguna), dan Validation (validasi). Lebih lengkapnya silahkan ganti data-data berikut ini:
• Your Name, menjadi Nama (nama pengguna)
• Your Email Address, menjadi Alamat Email (email pengguna)
• Subject, menjadi Subjek (subjek pesan pengguna)
• Message, menjadi Pesan (isi pesan pengguna)
• Kolom yang kosong diisi dengan nama Lampirkan File (sejenisnya), lalu pada Field Type menjadi File Attachment(pengguna melampirkan file), pada bidang Required pilih No (melampirkan file tergantung subjek pesan, disesuaikan ada tidaknya file yang ingin dilampirkan)
5. Akhiri langkah 2 dari 7 dengan klik Next
6. Pada bagian WEB FORM CREATION WIZARD - STEP 3 OF 7, silahkan di Next, pada langkah 3 ini Anda dapat melakukan pengeditan pada kode HTML yang diberikan Email Me Form
7. Pada bagian WEB FORM CREATION WIZARD - STEP 4 OF 7, silahkan di Next, pada langkah 4 ini Anda dapat melakukan pengeditan pada kode HTML yang diberikan Email Me Form
8. Pada bagian WEB FORM CREATION WIZARD - STEP 5 OF 7, silahkan di Next
9. Pada bagian WEB FORM CREATION WIZARD - STEP 6 OF 7, pada langkah ini preview model Kontak Kami ditampilkan, silahkan klik Finish
10. Pada bagian akhir (bagian langkah utama yang ke-2), Anda dinyatakan telah sukses mengkreasi Kontak Kami atau Hubungi Kami, untuk itu Anda perlu klik Here pada teks "Click here to get the HTML Code of the form then paste it to a page on your site"
11. Pada halaman Get the Free HTML Form Code, silahkan copy dan vaste kode HTML yang diberikan oleh Email Me Form

C. Memasang Fitur Kontak atau Hubungi Kami pada Blog

Pastikan bahwa fitur Kontak Kami atau Hubungi Kami yang ingin Anda pasang terletak di halaman postingan atau gadget blog. Jika Anda ingin memasangnya dipostingan maka silahkan paste kode HTML yang telah Anda Ambil dari Email Me Form. Sedangkan, jika Anda ingin memasangnya di gadget blog, silahkan ikuti langkah-langkah berikut ini:

1. Login di blogger dengan Account blog Anda
2. Klik Tata Letak
3. Klik Tambah Gadget
4. Pilih gadget dengan jenis HTML/JavaScript
5. Pada bagian Judul silahkan tulis, misalnya: Kontak Kami
6. Paste kode HTML yang Anda ambil dari Email Me Form
7. Klik Simpan
8. Lihat hasilnya pada blog Anda
9. Selesai

Hasil Kontak Kami atau Hubungi Kami biasanya tidak sesuai dengan ukuran gadget atau postingan, untuk menyesuaiakannya Anda dapat mengubah Kode HTML ukuran lebar terutama pada bidang (Field) pesan yang standarnya cols="60" menjadi misalnya "50" atau lebih kecil lagi.

Selain itu pada bidang (field) yang ditambahkan dengan teks Lampirkan File tidak sesuai dengan namanya (tidak dapat mengambil file) tetapi kategori teks (memasukkan teks), untuk mengubahnya cari di Kode HTML teks "Lamp. File-font-td>-td-input-type="text" kata "teks" diganti menjadi "file".

Bagi Tulisan Ini di FB Anda

---

Update tulisan blog, via Email

Masukkan alamat email Anda!:

---

Posted in: tutorial-blog