Categories
PHP

Teknik Kirim email dengan Format HTML




Teknik Kirim email dengan Format HTML

Assalamualaikum,

Pada kesempatan kali ini, saya akan membagikan teknik cara mengirimkan email dengan HTML. Khan biasa aja Bang kirim email khan tinggal menggunkan fungsi mail() di PHP!?

Ya  memang benar, tapi nanti emailnya juga biasa biasa aja. Apakah anda pernah dikirimi newsletter dari website seperti

emailNah jadi ini hanya pengembangan saja. Email yang biasanya terasa hampa (hanya tulisan hitam dan kanvas putih) sekarang bisa di modif sedikit agar kelihatan lebih cantik dan indah.

OKe tanpa banyak basa basi, tahap pertama yang anda lakukan adalah anda harus membuat htmlnya dulu.

Buat sebuah HTML file beri saja nama coba.php dan copykan code berikut

<html>
<head>
<title>Email Replay</title>
</head>

<body style=’background:#f5f5f5;’>
<table align=’center’ width=’700px’ height=’650′ height=’600′ cellpadding=’0′ cellspacing=’1′ bgcolor=’#FFFFFF’ border=’0′ style=’font-family:Verdana, Geneva, sans-serif;’>
<tr height=’150′>
<td colspan=’2′><img src=’https://septiyo.com/bikinweb/header-email.jpg’></td>
</tr>
<tr height=’100′>
<td valign=’top’ colspan=’2′><h2 style=’font-family:Verdana, Geneva, sans-serif;font-size:20px;’>Terima Kasih Telah Menghubungi bikinweb.septiyo.com</h2>
<p style=’font-family:Verdana, Geneva, sans-serif;’>
<b>Subjek :</b>
“.$subjek.”
</td>
<tr>
<td colspan=’2′>
<b>Pesan :</b><br>
“.$pesan.”

</td>
</tr>
</tr>
<tr valign=’top’>
<td>
Untuk Mengunjungi Blog kami</td><td> <a href=’https://septiyo.com’ style=’text-decoration:none;padding-left:274px;’><input type=’button’ value=’septiyo.com’ style=’background-color:#74a532;color:#FFF;’></a></td>
</tr>
<tr valign=’top’>
<td>
Untuk Kembali Ke Website </td><td><a href=’https://bikinweb.septiyo.com’ style=’text-decoration:none;padding-left:274px;’><input type=’button’ value=’bikinweb.septiyo.com’ style=’background-color:#74a532;color:#FFF;’></a></td>
</tr>
<tr valign=’top’>
<td>
Untuk Download Portofolio</td><td> <a href=’https://bikinweb.septiyo.com/portofolio.pdf’ style=’text-decoration:none;padding-left:275px;’><input type=’button’ value=’Download Portofolio’ style=’background-color:#74a532;color:#FFF;’></a><td>
</tr>
<tr><td colspan=’2′>

<div style=’padding-left:550px’>

Terima Kasih<br>
Hormat Kami<br><br><br>

Septiyo.com
</div>

</p>
</td>

</tr>
<tr height=’70px’>
<td colspan=’2′><img src=’https://septiyo.com/bikinweb/footer-email.jpg’></td>
</tr>
</table>

</body>

</html>

Langkah selanjutnya adalah replace semua tanda “(petik dua) menjadi tanda petik satu(‘), mengapa? karena html ini nantinya akan dimasukkan kedalam variabel dan akan diubah menjadi email, jadi lebih baik menggunakan petik 1 toh tidak merubah tampilan.

Setelah selesai anda buat 1 file lagi beri nama latihan-email.php untuk membuat Form anda bisa copas dari sini

<?php

if(isset($_POST[SEND]))
{
print_r($_POST);

$to = $_POST[EMAIL];
$subjek = $_POST[SUBJEK];
$pesan = $_POST[PESAN];

$message = ”
<html>
<head>
<title>Email Replay</title>
</head>

<body style=’background:#f5f5f5;’>
<table align=’center’ width=’700px’ height=’650′ height=’600′ cellpadding=’0′ cellspacing=’1′ bgcolor=’#FFFFFF’ border=’0′ style=’font-family:Verdana, Geneva, sans-serif;’>
<tr height=’150′>
<td colspan=’2′><img src=’https://septiyo.com/bikinweb/header-email.jpg’></td>
</tr>
<tr height=’100′>
<td valign=’top’ colspan=’2′><h2 style=’font-family:Verdana, Geneva, sans-serif;font-size:20px;’>Terima Kasih Telah Menghubungi bikinweb.septiyo.com</h2>
<p style=’font-family:Verdana, Geneva, sans-serif;’>
<b>Subjek :</b>
“.$subjek.”
</td>
<tr>
<td colspan=’2′>
<b>Pesan :</b><br>
“.$pesan.”

</td>
</tr>
</tr>
<tr valign=’top’>
<td>
Untuk Mengunjungi Blog kami</td><td> <a href=’https://septiyo.com’ style=’text-decoration:none;padding-left:274px;’><input type=’button’ value=’septiyo.com’ style=’background-color:#74a532;color:#FFF;’></a></td>
</tr>
<tr valign=’top’>
<td>
Untuk Kembali Ke Website </td><td><a href=’https://bikinweb.septiyo.com’ style=’text-decoration:none;padding-left:274px;’><input type=’button’ value=’bikinweb.septiyo.com’ style=’background-color:#74a532;color:#FFF;’></a></td>
</tr>
<tr valign=’top’>
<td>
Untuk Download Portofolio</td><td> <a href=’https://bikinweb.septiyo.com/portofolio.pdf’ style=’text-decoration:none;padding-left:275px;’><input type=’button’ value=’Download Portofolio’ style=’background-color:#74a532;color:#FFF;’></a><td>
</tr>
<tr><td colspan=’2′>

<div style=’padding-left:550px’>

Terima Kasih<br>
Hormat Kami<br><br><br>

Septiyo.com
</div>

</p>
</td>

</tr>
<tr height=’70px’>
<td colspan=’2′><img src=’https://septiyo.com/bikinweb/footer-email.jpg’></td>
</tr>
</table>

</body>

</html>
“;

$headers = ‘MIME-Version: 1.0’ . “\r\n”;
$headers .= ‘Content-type: text/html; charset=iso-8859-1’ . “\r\n”;

$email = mail($to,$subjek,$message,$headers);

if($email)
{
echo “<script>
alert(‘Save Pesan Berhasil, kami akan menghubungi anda secepatnya’);
window.location=’index.php’;
</script>”;
}
else
{
echo “<script>

alert(‘Save Pesan Belum Berhasil’);
window.location=’index.php’;
</script>”;
}

}
?>

<form method=”post” action=”latihan-email.php”>
<table align=”center”>
<tr>
<td colspan=”2″ align=”center”><b>Latihan Email</b></td>
</tr>
<tr>

<td height=”60″> Email</td><td><input type=text name=”EMAIL” placeholder=”Email” size=”50″></td>
</tr>
<tr>
<td height=”60″>Judul</td><td><input type=text name=”SUBJEK” placeholder=”Judul Pesan” size=”50″></td>
</tr>
<tr>
<td height=”60″>Pesan</td><td><textarea name=”PESAN” cols=”40″ placeholder=”Pesan”></textarea></td>
</tr>
<tr>
<td colspan=”2″ height=”70″ align=”right”><input type=”submit” value=”SEND” name=”SEND”></td>
</tr>
</table>
</form>

kalau sudah coba anda upload ke hosting anda. (Untuk Mencobanya secara online)

Maka jika tidak ada kendala apa-apa maka akan terlihat seperti ini

emailnah Setelah ini anda coba kirim ke email anda. Bagaimana kah hasilnya? jika sesuai prosedur maka hasil kiriman akan seperti ini:

email2

Oke itu saja, bagi yang ingin download source codenya coba download di mirror

atau yg ini Mirror 2

Untuk penjelasan, mudahnya, HTML yang tadi anda buat di file coba.php tadi, akan dimasukkan kedalam variabel $message. yang mana variabel itulah yang akan di konversi dan akan dikirimkan melalui email.

Sekian dari saya semoga Bermanfaat




Wassalamualaikum Wr.Wb

4 replies on “Teknik Kirim email dengan Format HTML”

Hai Gan,

ini bukan masalah local terkoneksi internet.
masalahnya adalah local anda tidak ada Mail Servernya, makanya tidak bisa kirim email.

tiap aplikasi atau service itu ada servernya sendiri2 gan.
XAMpp atau Wampp atau apache 2 adalah webserver yg membuat skrip kita bisa di Running di browser.
kalau gak ada itu ya ototmatis walau punya skripnnya maka tidak akan dikenali di browser.

sama, untuk kirim email, anda butuh Mail Server. gak ada itu, walau ada skripnya dan skripnya benar. jangan harap bisa kirim email.

server aja kalau dijabarin di sistem linux ada macem2
mulai dari
web server
mail server
ntp server (untuk menyatukan waktu diserver dng server pusat)
samba server (untuk membuat sharing folder antar lan)
database server (mysql postgresql monggodb dll)
ftp server (File Transger server, kalau anda mau upload ke hosting, make ftp kan, ini di hosting nya harus masang ini dulu)
ssh server (untuk remote dan pertukaran data via secure shell)

so masih baanyak yg perlu agan pelajari kayanya. wkwkkw

semoga bermanfaat

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.