Gunakan HTML sebagai format pesan anda untuk mengirim formatted text dengan animasi graphic, gambar, object multimedia, dan lain-lain yang bisa diisi ke dalam halaman Web.

Selama edit pesan dalam mode "HTML", anda bisa menggunakan formatting toolbar button seperti di bawah ini.

Formatting Text

Anda bisa dengan mudah merubah tampilan pesan anda menjadi lebih menarik.

Anda bisa menggunakan toolbar button text formatting  untuk merubah tampilan tulisan di pesan anda. Sebagai contoh, select (blok) judul dari newsletter anda, dan click button "Bold"  untuk terlihat menonjol.

Cara lain, anda bisa membuat bentuk text yang anda ingin tulis, tanpa select (blok) text tersebut. Misalkan, anda ingin membuat tulisan berwarna biru, letakan cursor pada lokasi yang ingin anda ketik kemudian click button , dan pilih warna biru yang anda inginkan, setelah itu ketik pesan anda.

- Memilih Font, Ukuran Text dan Warna Text
Click tombol untuk memilih nama font, ukuran dan warna text. Setelah click tombol tersebut akan tampil window seperti gambar di bawah ini. Pilih nama font yang ingin anda gunakan dari drop-down list font.

Saran saya gunakan font yang standar dalam pesan anda. Jika anda menggunakan font yang tidak ada di komputer yang menerima pesan anda, mungkin hasilnya dalam pesan anda akan terlihat berbeda apa yang anda lihat dengan apa yang subscriber anda lihat. Untuk lebih amannya pilih font yang biasa digunakan atau biasa terinstal pada komputer seperti “Arial”, “Arial Black”, “Arial Narrow”, “Comic Sans MS”, “Courier”, “Courier New”, “Garamond”, “Microsoft Sans Serif”, “Symbol”, “System”, “Tahoma”, “Times New Roman” dan “Verdana”. Lebih baik anda membatasi penggunakan font misalkan hanya pada “Arial”, “Courier New”, “Tahoma”, “Times New Roman” dan “Verdana” untuk memastikan 100% sama dengan apa yang akan dilihat oleh penerima pesan anda.

Untuk merubah warna tulisan dan background click tombol  , setelah anda click akan muncul window pilihan warna. Pilih warna dasar yang tersedia atau anda juga bisa membuat warna anda sendiri menggunakan color palette yang ada di sebelah kanan.

- Merubah Alignment Text
Anda bisa merubah alignment horizontal dari text yang anda blok menggunakan tombol ini: . Anda bisa merubah text menjadi left margin, center, atau right margin.

Mamasukan Hyperlink

Ada dua cara untuk menyisipkan hyperlink ke dalam text.

Cara yang termudah adalah ketik alamat Internet. Misalkan, ketik http://www.witsoftresponder.com,  dan tekan tombol "Spasi". Alamat internet yang anda ketik akan otomatis mempunyai link. Sama halnya jika anda hanya mengetik www.witsoftresponder.com. Anda juga bisa gunakan cara ini untuk alamat e-mail. Editor akan otomatis mengenali alamat Internet atau e-mail ke dalam link.

Kadangkala, anda mungkin ingin membuat link ke Internet atau alamat e-mail menggunakan kata lain sebagai pengganti alamat yang ditujukan tersebut. Blok text yang ingin anda convert ke link, kemudian click button "Insert Link" . Setelah itu window "Hyperlink" akan muncul.

Ketik alamat Internet di dalam text box "URL". Jika itu adalah link ke halaman web, di depannya harus ada "http://" atau pilih "http:" pada "Type" drop-down list . Untuk membuat alamat e-mail yang bisa di-click, ketik di depannya dengan "mailto:" atau pilih "mailto:" pada "Type" drop-down list. Contohnya: mailto: This e-mail address is being protected from spambots. You need JavaScript enabled to view it

Di bawah ini mungkin anda bisa lihat perbedaan dari beberapa macam link yang dibuat di dalam Editor Pesan.

Mamasukkan Gambar

Anda bisa memasukkan dua macam gambar (picture) ke dalam pesan anda. Tentu, Editor Pesan witSoft Responder support semua image yang biasa digunakan termasuk PNG, GIF, JPG, WMF dan banyak lagi. Tetapi apa yang saya maksud adalah anda mempunyai pilihan yaitu memasukan gambar tersebut sebagai bagian dari pesan anda (ukuran pesan akan menjadi lebih besar) atau hanya memberikan link gambar tersebut yang ada di hosting web server anda (ukuran pesan lebih kecil)

Untuk memasukkan gambar, click posisi tempat dimana anda ingin menyisipkan gambar, kemudian click button "Insert Image" , lalu window pilihan file gambar akan terbuka. Pilih file gambar yang akan anda masukkan kemudian click "Open". Gambar yang masuk akan terlihat seperti contoh di bawah ini.

- Menggeser dan Merubah Ukuran Gambar
Setelah anda memasukkan gambar, anda bisa merubah size dan memindahkannya menggunakan mouse. Untuk memindahkan gambar, hanya dengan drag saja ke tempat yang anda inginkan. Anda tidak bisa memindahkan dengan bebas ke semua area. Yang mempengaruhi adalah alignment image itu sendiri.

Untuk merubah ukuran gambar, click sekali menggunakan mouse kiri. Kotak-kotak kecil di sekelilingnya disebut "handles". Posisi cursor mouse ke handle yang ingin anda geser, tekan dan tahan dengan tombol kiri mouse, geser cursor mouse ke tempat yang anda ingin geser handle tersebut, dan lepas tombol mousenya.

- Setting Gambar
Anda juga bisa merubah ukuran gambar dengan cara double click pada gambar tersebut, akan muncul window setting seperti di bawah ini, lalu rubah "Width" dan "Height" yang anda inginkan.

Selain ukuran gambar, anda juga bisa merubah sumber file gambar, dengan mengetikan alamat Internet dari gambar tersebut atau path lokal pada text box "Source".

Ketik/isi keterangan untuk gambar tersebut pada text box "Alt Text". Keterangan ini akan muncul ketika user menggerakan/menggeserkan cursor mouse pada gambar tersebut dan juga ketika e-mail client user diset untuk tidak menampilkan gambar.

Menentukan alignment gambar menggunakan drop-down list "Align", yang terdiri dari:

• "Absbottom" - mensejajarkan bagian bawah gambar dengan bagian bawah text.
• "Absmiddle" - mensejajarkan bagian tengah gambar dengan bagian tengah text.
• "Baseline" atau "Bottom" - mensejajarkan bagian bawah gambar dengan baseline text.
• "Left" - mensejajarkan gambar dengan margin kiri, text bisa wrap di sekeliling gambar.
• "Middle" - mensejajarkan bagian tengah gambar dengan baseline text.
• "Right" - mensejajarkan gambar dengan margin kanan, text bisa wrap di sekeliling gambar.
• "Texttop" - mensejajarkan bagian atas gambar dengan bagian atas sekeliling text.
• "Top" - mensejajarkan bagian atas gambar dengan bagian atas object yang terbesar dalam satu line

Untuk menambahkan border pada gambar, isi text box "Border" dalam satuan pixel.

Sisi baiknya adalah si aplikasi e-mail client penerima akan menampilkan gambar tanpa ada masalah tidak seperti halnya jika anda mengirim gambar yang ada di host.

- Memasukan Gambar yang ada di Host Web Server
Menggunakan gambar yang ada di host web server akan menghasilkan ukuran pesan yang lebih kecil yang berarti anda bisa kirim pesan tersebut lebih cepat. Ukuran pesan yang akan anda kirim ke banyak lead akan berdampak besar pada berapa lama pesan-pesan tersebut terkirim. Jika ukuran pesan anda kecil, penerima akan lebih cepat untuk download e-mail tersebut. Tidak akan mengganggu lead anda dibandingkan jika harus membuang waktu untuk mendownload pesan dari server. Jika anda menggunakan link untuk gambar anda, pesan anda akan jauh lebih cepat di download.

Penting: Kelemahannya adalah beberapa aplikasi e-mail client mungkin akan mem-block pesan yang mengandung gambar seperti ini dan akan ditandai sebagai spam pesan.

Sebelum menggunakan gambar yang ada di host web server dalam pesan anda, harus di-upload terlebih dahulu dan anda harus tahu alamat Internet-nya (URL). Contohnya, di bawah ini alamat Internet dari witSoft Responder screenshot yang ada di host web server kami.

http://www.witonet.com/images/screenshots.jpg.

Untuk menyisipkan/menambahkan gambar tersebut, gunakan tombol dan ketik alamat Internet dari gambar ingin anda masukan di text box "File Name". Ingat harus termasuk "http://". Setelah anda click tombol "Open", file gambar akan di-download dari web server dan akan tampil di posisi yang anda tentukan.

Pilihan Format Lain

- Memasukan Table
Untuk mamasukkan table HTML yang bisa menempatkan text dan gambar pada kolom yang terpisah, click tombol "Insert/Edit Table". Tentukan jumlah kolom dan baris kemudian click "OK".

Pilihan lainnya, anda bisa menentukan tebal border, warna background, dan cell padding dan spasi.

Anda juga bisa merubah lebar table dengan mengisi persentasi pada text box "Width(%)".

- Menambahkan Line Horizontal
Untuk menambahkan line horizontal, click tombol "Horizontal Line". Caranya, click di posisi yang ingin anda masukan kemudian click tombol tersebut

- Text Indenting
Gunakan dua tombol untuk indenting dan outdenting text: . Pilih text yang ingin anda rubah indent dan click tombol "Outdent Paragraph" atau tombol "Indent Paragraph" untuk kontrol indent.

- Menggunakan List
Anda bisa menambahkan list item ke dalam text. Untuk menambahkan list bullet, click tombol "Insert Unordered List". Untuk list yang berurut, click tombol "List Numerical List". Untuk menambahkan item ke dalam list, ketik beberapa text, dan tekan tombol "Enter". Untuk mengakhiri penambahan item, click tombol  "Enter" dua kali di dalam baris.

Memasukan Field Data

Anda bisa memasukan field data ke dalam text dengan cara click posisi atau tempat yang ingin anda masukan field data kemudian tekan tombol Ctrl + Alt, menu field data akan tampil, kemudian pilih field yang ingin anda masukan. Baca bagian ini untuk mempelajari lebih lanjut mengenai field data: Personalisasi Pesan

Exchanging HTML dengan Aplikasi Lain

Meskipun HTML editor dari witSoft Responder cukup baik untuk membuat pesan sederhana, anda mungkin ingin menggunakan HTML editor favorit anda untuk membuat pesan yang agak sulit/rumit. Anda bisa menggunakan dua metode yang berbeda untuk membawa HTML page ke Editor Pesan witSoft Responder.

- Menggunakan Clipboard untuk Copy HTML Page
Metode ini yang paling sederhana. Buka HTML page menggunakan editor favorit anda, select isi semua halaman, dan copy ke dalam clipboard. Kemudian dengan Editor Pesan witSoft Responder, lakukan paste dengan cara click tombol "Paste" untuk copy halaman tersebut.

Anda bisa menggunakan metode ini untuk copy HTML page dari web browse anda. Caranya sama persis: select isi halaman web dari browser, copy, dan paste ke dalam Editor Pesan.

Metode ini mempunyani kekurangannya. Untuk beberapa editor HTML dan browser, object gambar mungkin tidak masuk atau halaman yang ditampilkan mungkin ada object gamabar yang tidak bisa. Yang terbaik anda bisa lakukan dengan cara import HTML page file (lihat sesion selanjutnya).

- Loading HTML Page
Untuk memasukan HTML page ke dalam Editor, gunakan tombol "Load Body from HTML file...". Pilih file HTML yang ingin anda masukan kemudian click "Open".

Penting: Karena keterbatasan Editor Pesan, hasilnya mungkin akan terlihat berbeda dengan apa yang dilihat di web browser atau editor HTML yang anda gunakan untuk membuat HTML page tersebut. Dalam kasus ini, saya sarankan kirim pesan tersebut ke alamat e-mail anda sendiri. Mungkin akan terlihat tidak benar setelah anda kirim oesan tersebut. Ini mungkin terjadi untuk HTML yang menggunakan CSS yang sangat luas untuk posisi element page. Jika ini masalahnya, gunakan external editor HTML untuk merubah halaman tersebut dengan menggunakan CSS yang sekecil mungkin dan coba lagi sampai hasil yang diinginkan.

Baca selanjutnya...