Memasang Gambar di Body E-mail

Tutorial ini muncul karena awalnya ada temen yang nanyain, gimana sih biar kita bisa masukkin gambar di e-mail yang kita mau kirim?
Biasanya kan kalo ada gambar kita attach aja, betul?? (Tapi kalo di attach gambar tersebut tidak akan muncul langsung di e-mailnya). Kalo kita posting pake blogspot misalnya, kan langsung ada pilihan icon untuk insert gambar toh. Coba kalian cek di yahoo, gmail, atau hotmail, pasti tidak menemukan icon tersebut, Gara-gara pertanyaan itu jadi kepikiran gimana caranya, langsung deh nyoba-nyoba ama searching di google. Setelah bersusah payah,akhirnya nemu juga deh, fiuh...

Gimana caranya masukkin gambar di bawah ini pada saat kalian menulis e-mail ?
Sebelumnya, apakah ada yang bertanya, koq gambar animasi bisa ditampilin di blog? Kalo kalian mau tahu caranya, klik di sini aja.


Back to Topic,

1. Kalian harus menggunakan jasa penyimpanan foto/gambar online, seperti photobucket.
2. Kalo yang belum daftar, langsung aja, gratis koq,
3. Setelah upload foto di situ, si photobucket akan kasih kita 4 link yang berbeda (Email & IM, direct link, HTML Code, ama IMG Code)
   
4. Selanjutnya masuk sini : http://htmledit.squarefree.com/
   
5. Di web itu cuma ada bagian atas yang berwarna biru ama bagian bawah yang berwarna putih
6. Copy "HTML Code" yang didapat dari photobucket dan paste di bagian atas.
   
7. Kalo mau pake contoh gambar di atas, ini kodenya :
8. Nanti di bagian bawah akan muncul gambarnya, klik gambar tersebut, Ctrl-A, terus Copy, lalu pindahin ke e-mail yang mau kita bikin.
9. Sekarang kita bisa masukkin gambar di body e-mail kita,

Oh iya, jangan lupa waktu kita nulis e-mail, pastikan kita menggunakan Rich Text , BUKAN Plain Text. Cara ini udah dicoba untuk yahoo, gmail, dan hotmail. Hasilnya bisa semua koq,

Kode HTML untuk gambar sebenernya sederhananya seperti ini :