SELAMAT DATANG DI BLOG ILHO-HITTER

Kamis, 04 November 2010

Contact Me Pada Blog




Untuk membuat Contact Me pada blog, anda harus mendaftar terlebih dahulu di situs http://www.emailmeform.com karena dengan bantuan situs ini anda dapat membuat formnya....

Ikuti langkah berikut ini :

  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 mencoba…

0 komentar:

Posting Komentar

Twitter Delicious Facebook Digg Stumbleupon Favorites More