Membuat Halaman Contact Me pada Blogspot

This item was filled under

H
alaman Contact Me, atau Contact Us, atau yang lainnya biasanya digunakan sebagai halaman bagi pengunjung menghubungi kita melalui form pengiriman email yang langsung disediakan pada halaman contact tersebut. Contohnya bisa pembaca lihat seperti yang ini.

Bisakah kita membuat halaman contact me pada blogspot? Jawabannya tentu BISA.
He3x, walaupun blogspot hanya menyediakan halaman penulisan konten yang tentunya tidak diperuntukkan untuk memasukkan script-script pemograman website. Ada sebuah situs penyedia layanan membuat form contact me yang bisa kita masukkan ke dalam halaman posting (konten) pada blogspot tersebut. Berikut saya jelaskan cara mendapatkan dan menggunakannya pada blogspot:
  1. Buka situs http://www.emailmeform.com.
  2. Anda harus mendaftar terlebih dahulu pada situs tersebut dengan mengklik link Signup for Free!.
  3. Jika sudah mendaftar, silahkan login ke situs tersebut. Anda akan melihat beberapa menu yang ada disebelah kanan. Silahkan klik menu Create new Form.
  4. Selanjutnya Anda akan masuk pada step 1 pembuatan form email. Pada bagian ini, ada beberapa isian yang harus Anda isi:

    • Web form name : isi dengan nama form email yang akan Anda buat.
    • Recipients Emails : isi dengan alamat email Anda yang digunakan untuk menerima email dari halaman pengunjung.
    • Spam Email address : isi dengan alamat email yang akan menerima spam.
    • Thank you page : isi dengan URL halaman yang akan dituju setelah pengunjung mengirim email kepada Anda. Biasanya halaman ini berisi ucapan terima kasih karena telah mengirim email kepada Anda. Jika Anda ingin pengirim kembali ke halaman utama blog Anda, silahkan masukkan URL blog Anda.
    • Number of fields : jumlah kotak isian yang akan ada pada form email Anda.
  5. Setelah itu klik tombol Next. Selanjutnya Anda akan menuju step 2. Beberepa isian yang harus Anda atur:

    • Field Name --> judul isian yang akan diisi.
    • Text effect --> efek tulisan, apakah cetak miring atau cetak tebal.
    • Field type --> tipe isian, apakah menggunakan kotak text 1 baris (1 line), check box, dan lain-lani.
    • Required --> mengatur apakah isian wajib diisi atau tidak.
    Selanjutnya klik tombol Next.
  6. Pada step 3, Anda diminta mengatur jumlah maksimal karakter yang bisa dimasukkan dalam setiap kotak isian. Atus jumlah karakter tersebut pada bagian Size and Details untuk setiap isian. Setelah itu klik tombol Next.
  7. Langkah selanjutnya (step 4) adalah mengatur tampilan form email Anda.

    • Font : jenis huruf dan ukuran yang Anda gunakan.
    • Color : memilih warna tulisan dan background.
    • Form description : deskripsi form email Anda.
    • Header : tulisan yang akan dimunculkan di atas form email.
    • Footer : tulisan yang akan dimunculkan di bawah form email.
    • Style CSS : membuat CSS untuk table dan kolom pada form email. Anda bisa membaca postingan ini untuk mengetahui tentang CSS.
    • Send button name : nama yang akan muncul pada tombol pengiriman email.
    • Send button alignment : letak tombol kirim.
    • Include a clear button : memunculkan tombol "Clear" yang berfungsi untuk menghapus isian jika salah.
    • Anti spam : memilih anti spam yang akan digunakan pada form email Anda.
    • Display mode : memilih penempatan form email yang akan Anda buat apakah di sebuah halaman situs Anda, di halaman website server, atau terpisah dalam bentuk window baru.
    Selanjutnya klik tombol Next.
  8. Langkah selanjutnya (step 5) adalah mengatur properties pesan yang akan masuk ke dalam email Anda.

    • Message from : memilih tampilan pengirim yang akan terlihat di inbox Anda.
    • Message subject : memilih tampilan subjek email yang akan terlihat di inbox Anda.
    • Send Copy to Sender : memilih apakah mengirimkan salinan email yang dikirim oleh pengunjung ke email-nya sendiri.
    • Include data for export : mengatur apakah melibatkan data untuk diekspor atau tidak (Hmm, agak bingung kalau yang ini ^_^ ).
    Jika semua dirasa cukup, klik tombol Next.  
  9. Pada langkah berikutnya (step 6), Anda akan ditunjukkan tampilan form email yang telah Anda buat. Form email tersebutlah yang akan kita masukkan ke halaman contact me yang akan kita buat selanjutnya pada blogspot. Silahkan klik tombol Finish jika merasa sudah sesuai.
  10. Oke, jika sudah, klik menu Get HTML Codes yang ada di sebalah kanan. Anda akan ditunjukkan sebuah kotak berisi kode HTML dari form email yang telah Anda buat. Kode tersebutlah yang akan kita copy paste pada halaman posting blogspot. 
  11. Untuk itu, masuklah sekarang ke dasbor blogspot Anda.
  12. Buatlah sebuah posting baru. Beru judul misalnya : Contact Me
  13. Pada form penulisan posting, klik tab Edit HTML , bukan Compose.
  14. Copy paste-lah kode HTML yang Anda temukan pada langkah 10 di atas ke dalam kotak penunisan posting baru tersebut. Selanjutnya klik tombol Terbitkan Entri.
Selamat, Anda sudah mempunyai sebuah halaman Contact Me. Karena halaman tersebut muncul sebagai posting, tentu akan "menghilang" jika muncul postingan-postingan baru. Untuk itu, saya sarankan Anda membuat menu pada blogspot Anda agar pengunjung bisa mengklik menu tersebut untuk menuju ke halaman Contact Me yang telah Anda buat tadi.

Bookmark and Share

POSTINGAN LAIN YANG BERHUBUNGAN :




Dapatkan Tutorial Website Via Email:

Setelah membaca artikel diatas, jangan lupa ngasi komentar ya...

32 komentar on "Membuat Halaman Contact Me pada Blogspot"



Post a Comment