Download - Kirim Email Berbasis HTML - lajugandharum.files.wordpress.com · Contoh Desain Email Format HTML Tutorial Praktis Komputer 3 Dreamweaver. Notepad

Transcript
Page 1: Kirim Email Berbasis HTML - lajugandharum.files.wordpress.com · Contoh Desain Email Format HTML Tutorial Praktis Komputer 3 Dreamweaver. Notepad

Kirim Email HTML

Laju Gandharum ([email protected])15 Agustus 2016

1Tutorial Praktis Komputer

Page 2: Kirim Email Berbasis HTML - lajugandharum.files.wordpress.com · Contoh Desain Email Format HTML Tutorial Praktis Komputer 3 Dreamweaver. Notepad

Email HTML• Pernah menerima email yang di body emailnya

terdapat banyak gambar yang begitu menarik? Pastipernah.

• Tertarik atau perlu buat email semacam itu? Yuk maridicoba…

2Tutorial Praktis Komputer

Page 3: Kirim Email Berbasis HTML - lajugandharum.files.wordpress.com · Contoh Desain Email Format HTML Tutorial Praktis Komputer 3 Dreamweaver. Notepad

Contoh Desain Email Format HTML

Tutorial Praktis Komputer 3

Dreamweaver Notepad

Page 4: Kirim Email Berbasis HTML - lajugandharum.files.wordpress.com · Contoh Desain Email Format HTML Tutorial Praktis Komputer 3 Dreamweaver. Notepad

Buat Email Baru(contoh dibuat melalui gmail)

4Tutorial Praktis Komputer

Page 5: Kirim Email Berbasis HTML - lajugandharum.files.wordpress.com · Contoh Desain Email Format HTML Tutorial Praktis Komputer 3 Dreamweaver. Notepad

Ketik huruf apa saya sebagai penanda. Contoh di bawah adalah LG-LG-LG

5Tutorial Praktis Komputer

Page 6: Kirim Email Berbasis HTML - lajugandharum.files.wordpress.com · Contoh Desain Email Format HTML Tutorial Praktis Komputer 3 Dreamweaver. Notepad

Pada Bagian Isi Surat, Klik Kanan pilih Inspect

6Tutorial Praktis Komputer

Page 7: Kirim Email Berbasis HTML - lajugandharum.files.wordpress.com · Contoh Desain Email Format HTML Tutorial Praktis Komputer 3 Dreamweaver. Notepad

Muncul Jendela Kode HTML di Bagian Bawah

7Tutorial Praktis Komputer

Page 8: Kirim Email Berbasis HTML - lajugandharum.files.wordpress.com · Contoh Desain Email Format HTML Tutorial Praktis Komputer 3 Dreamweaver. Notepad

Pada Jendela HTML, arahkan mouse ke huruf‘LG-LG-LG’ lalu klik kanan pilih ‘Edit as HTML’

8Tutorial Praktis Komputer

Page 9: Kirim Email Berbasis HTML - lajugandharum.files.wordpress.com · Contoh Desain Email Format HTML Tutorial Praktis Komputer 3 Dreamweaver. Notepad

Copy kode HTML dari email yang telahdipersiapkan

Tutorial Praktis Komputer 9

Page 10: Kirim Email Berbasis HTML - lajugandharum.files.wordpress.com · Contoh Desain Email Format HTML Tutorial Praktis Komputer 3 Dreamweaver. Notepad

Replace huruf ‘LG-LG-LG’ dengan kode HTML yang sudahdipersiapkan

10Tutorial Praktis Komputer

Page 11: Kirim Email Berbasis HTML - lajugandharum.files.wordpress.com · Contoh Desain Email Format HTML Tutorial Praktis Komputer 3 Dreamweaver. Notepad

Tampilan Email Siap Dikirim

11Tutorial Praktis Komputer

Page 12: Kirim Email Berbasis HTML - lajugandharum.files.wordpress.com · Contoh Desain Email Format HTML Tutorial Praktis Komputer 3 Dreamweaver. Notepad

SELESAISelamat Mencoba, Smoga Berhasil !

Tutorial Praktis Komputer 12