Selamat Datang di Halaman Kontak Saya
Berikut ini adalah form untuk menghubungi saya melalui email rinchiyusfit@gmail.com. Atau bila anda merasa cara ini tidak bagus, anda bisa mengirimkan pesan melalui WA ke nomor +62852-0812-6825.
Terima Kasih..
Atau Hubungi Saya Melalui Media Sosial
Kalau mau kontak form seperti ini, berikut ini scriptnya
<h3>
<div style="background-color: #d62851; border: 0 solid #444; padding: 10px; text-align: left;">
<span style="color: white; font-family: "verdana" , sans-serif; font-size: large;">JUDUL</span>
</div>
</h3>
<div style="background-color: #8af282; border: 0 solid #444; padding: 10px; text-align: left;">
<span style="font-family: "verdana" , sans-serif;"> KATA PENGANTAR 1</span></div>
<span style="font-family: "verdana" , sans-serif;">
</span>
<span style="font-family: "verdana" "bold";"></span>
<div style="background-color: #603dff; border: 0 solid #444; padding: 10px; text-align: right;">
<span style="color: lime; font-family: Georgia, Times New Roman, serif;"><b>Terima Kasih..</b></span></div>
<hr width="100%"></hr>
<br />
<style type="text/css">
#ContactForm1{display:none;font-family:"Open Sans Condensed", sans-serif;}
#ContactForm1_contact-form-email,#ContactForm1_contact-form-name{ /* pangaturan background serta ukuran box nama dan Email*/
width:50%;height:auto;
margin:5px auto 15px;padding:10px;
background:#f2f8fd;border:1px solid #4CAF50;
color:#3a3a3a;border-radius:3px;
box-shadow:0 4px 0 0 #4CAF50}
#ContactForm1_contact-form-email-message:focus,#ContactForm1_contact-form-email:focus,#ContactForm1_contact-form-name:focus{
background:#f4fff4;outline:0} /* mengatur latar saat halaman pengisian*/
#ContactForm1_contact-form-email-message{ /* Pengaturan Box pada Kolom Isi Pesan */
margin-top: 5px;width:95%;height:170px;
padding:10px;background:#f2f8fd;
border:1px solid #4CAF50;
color:#4CAF50;border-radius:3px;
box-shadow:0 4px 0 0 #4CAF50}
/* Pengaturan Tombol*/
#ContactForm1_contact-form-submit{
display:block;height:35px;
float:left;color:#FFF;padding:0 20px 0 20px;
margin:-20px 15px 0px 0px;cursor:pointer;
background-color:#4CAF50;box-shadow:0 4px 0 0 #6be470;
border:1px solid #90d693;border-radius:3px;
text-shadow:0 1px 0 #90d693}
#ContactForm1_contact-form-submit:hover{
/* Pengaturan saat tombol disorot*/
background-color:#3e8e41;font-weight: bold;}
#ContactForm1_contact-form-submit:active{background-color: #3e8e41;
transform: translateY(4px);
position:relative;top:2px;box-shadow:0 3px 0 0 #098a0e}
#ContactForm1_contact-form-submit:focus{outline:0}
</style>
<form action="mailto:rinchiyusfit@gmail.com" enctype="text/plain" method="post">
<input id="ContactForm1_contact-form-name" name="name" placeholder="Nama Anda" size="30" type="text" value="" /><br />
<input id="ContactForm1_contact-form-email" name="email" placeholder="Email Anda" size="30" type="text" value="" /><br />
<textarea id="ContactForm1_contact-form-email-message" rows="10" wrap="hard" name="email-message" placeholder="Pesan Anda"></textarea><br />
<input name="redirect" type="hidden" value="index.html" />
<input name="NEXT_URL" type="hidden" value="index.html" /><br />
<input id="ContactForm1_contact-form-submit" type="submit" value="Kirim" />
<input id="ContactForm1_contact-form-submit" type="reset" value="Bersihkan" />
</form>
<br/>
<br/>
<br/>
<h3>
<div style="background-color: #d62851; border: 0 solid #444; padding: 10px; text-align: left;">
<span style="color: white; font-family: "verdana" , sans-serif; font-size: large;">KATA PENGANTAR 2</span></div>
</h3>
<hr width="100%"></hr>
<span style="font-family: "verdana" "bold";"></span>
<div style="background-color: #8af282; border: 1px solid #444; padding: 5px; text-align: left;"><a href="ALAMAT FACEBOOK ANDA DISINI"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjARA3IpxO23FjR9m8N4ADSDEjCq_lxl8x3g0kewR6Qewowh8IudL9rbrVEGMduY5URQXSDQ6VKlb2bhVeRlKOoxP-vextVmdKioUlijL1zTNdRNb-9i9jgRVPYURiybTu9VvhtOKu1l-Pr/w140-h139-p/Facebook.png" width= 20px height= 20px /> /* Ukuran Icon Facebook*/
<span style="color: blue; font-family: "verdana" , sans-serif; font-size: large;"><b>PENGANTAR ANDA UNTUK LINK FACEBOOK</b></a></span></div>
<hr width="100%"></hr>
<span style="font-family: "verdana" "bold";"></span>
<div style="background-color: #8af282; border: 1px solid #444; padding: 5px; text-align: left;"><a href="ALAMAT INSTAGRAM ANDA DISINI"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6PojVG03fAJjveK59p5QA7oe1kYFwgmmVzJhOBn61lSb3YjIr39ku4i-XuD-1t67CV96wJAHDomO9SkjgsWpvLrU4fRt4Ankydtz0pcROkcVvLVjQjmZd71_w8v7nzemXBX8tf3RdjUHA/w140-h139-p/Instagram+Logo.png" width= 20px height= 20px /> /* Ukuran Icon Instagram*/
<span style="color: blue; font-family: "verdana" , sans-serif; font-size: large;"><b>PENGANTAR ANDA UNTUK LINK INSTAGRAM</b></a></span></div>
<hr width="100%"></hr>
<span style="font-family: "verdana" "bold";"></span>
<div style="background-color: #8af282; border: 1px solid #444; padding: 5px; text-align: left;"><a href="ALAMAT TWITTER ANDA DISINI"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjytxDvbPsW5vfEM-mrHgVaARe7ZIbjiH8GEO_emx_BmjrsbI0-0VTDT8cbJb6O9GGo5_DKyMpmMuQmT_2rDAMZAmTFALJn5bu1G3pwMGXCJyussnuRaMb7bl54UksaCa18UmYr9mrw8Z-y/w140-h139-p/tweeter+logo.png" width= 20px height= 20px /> /* Ukuran Icon Twitter*/
<span style="color: blue; font-family: "verdana" , sans-serif; font-size: large;"><b>PENGANTAR ANDA UNTUK LINK TWITTER</b></a></span></div>
<hr width="100%"></hr>
<div style="background-color: #d62851; border: 0 solid #444; padding: 10px; text-align: left;">
<span style="color: white; font-family: "verdana" , sans-serif; font-size: large;">JUDUL</span>
</div>
</h3>
<div style="background-color: #8af282; border: 0 solid #444; padding: 10px; text-align: left;">
<span style="font-family: "verdana" , sans-serif;"> KATA PENGANTAR 1</span></div>
<span style="font-family: "verdana" , sans-serif;">
</span>
<span style="font-family: "verdana" "bold";"></span>
<div style="background-color: #603dff; border: 0 solid #444; padding: 10px; text-align: right;">
<span style="color: lime; font-family: Georgia, Times New Roman, serif;"><b>Terima Kasih..</b></span></div>
<hr width="100%"></hr>
<br />
<style type="text/css">
#ContactForm1{display:none;font-family:"Open Sans Condensed", sans-serif;}
#ContactForm1_contact-form-email,#ContactForm1_contact-form-name{ /* pangaturan background serta ukuran box nama dan Email*/
width:50%;height:auto;
margin:5px auto 15px;padding:10px;
background:#f2f8fd;border:1px solid #4CAF50;
color:#3a3a3a;border-radius:3px;
box-shadow:0 4px 0 0 #4CAF50}
#ContactForm1_contact-form-email-message:focus,#ContactForm1_contact-form-email:focus,#ContactForm1_contact-form-name:focus{
background:#f4fff4;outline:0} /* mengatur latar saat halaman pengisian*/
#ContactForm1_contact-form-email-message{ /* Pengaturan Box pada Kolom Isi Pesan */
margin-top: 5px;width:95%;height:170px;
padding:10px;background:#f2f8fd;
border:1px solid #4CAF50;
color:#4CAF50;border-radius:3px;
box-shadow:0 4px 0 0 #4CAF50}
/* Pengaturan Tombol*/
#ContactForm1_contact-form-submit{
display:block;height:35px;
float:left;color:#FFF;padding:0 20px 0 20px;
margin:-20px 15px 0px 0px;cursor:pointer;
background-color:#4CAF50;box-shadow:0 4px 0 0 #6be470;
border:1px solid #90d693;border-radius:3px;
text-shadow:0 1px 0 #90d693}
#ContactForm1_contact-form-submit:hover{
/* Pengaturan saat tombol disorot*/
background-color:#3e8e41;font-weight: bold;}
#ContactForm1_contact-form-submit:active{background-color: #3e8e41;
transform: translateY(4px);
position:relative;top:2px;box-shadow:0 3px 0 0 #098a0e}
#ContactForm1_contact-form-submit:focus{outline:0}
</style>
<form action="mailto:rinchiyusfit@gmail.com" enctype="text/plain" method="post">
<input id="ContactForm1_contact-form-name" name="name" placeholder="Nama Anda" size="30" type="text" value="" /><br />
<input id="ContactForm1_contact-form-email" name="email" placeholder="Email Anda" size="30" type="text" value="" /><br />
<textarea id="ContactForm1_contact-form-email-message" rows="10" wrap="hard" name="email-message" placeholder="Pesan Anda"></textarea><br />
<input name="redirect" type="hidden" value="index.html" />
<input name="NEXT_URL" type="hidden" value="index.html" /><br />
<input id="ContactForm1_contact-form-submit" type="submit" value="Kirim" />
<input id="ContactForm1_contact-form-submit" type="reset" value="Bersihkan" />
</form>
<br/>
<br/>
<br/>
<h3>
<div style="background-color: #d62851; border: 0 solid #444; padding: 10px; text-align: left;">
<span style="color: white; font-family: "verdana" , sans-serif; font-size: large;">KATA PENGANTAR 2</span></div>
</h3>
<hr width="100%"></hr>
<span style="font-family: "verdana" "bold";"></span>
<div style="background-color: #8af282; border: 1px solid #444; padding: 5px; text-align: left;"><a href="ALAMAT FACEBOOK ANDA DISINI"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjARA3IpxO23FjR9m8N4ADSDEjCq_lxl8x3g0kewR6Qewowh8IudL9rbrVEGMduY5URQXSDQ6VKlb2bhVeRlKOoxP-vextVmdKioUlijL1zTNdRNb-9i9jgRVPYURiybTu9VvhtOKu1l-Pr/w140-h139-p/Facebook.png" width= 20px height= 20px /> /* Ukuran Icon Facebook*/
<span style="color: blue; font-family: "verdana" , sans-serif; font-size: large;"><b>PENGANTAR ANDA UNTUK LINK FACEBOOK</b></a></span></div>
<hr width="100%"></hr>
<span style="font-family: "verdana" "bold";"></span>
<div style="background-color: #8af282; border: 1px solid #444; padding: 5px; text-align: left;"><a href="ALAMAT INSTAGRAM ANDA DISINI"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6PojVG03fAJjveK59p5QA7oe1kYFwgmmVzJhOBn61lSb3YjIr39ku4i-XuD-1t67CV96wJAHDomO9SkjgsWpvLrU4fRt4Ankydtz0pcROkcVvLVjQjmZd71_w8v7nzemXBX8tf3RdjUHA/w140-h139-p/Instagram+Logo.png" width= 20px height= 20px /> /* Ukuran Icon Instagram*/
<span style="color: blue; font-family: "verdana" , sans-serif; font-size: large;"><b>PENGANTAR ANDA UNTUK LINK INSTAGRAM</b></a></span></div>
<hr width="100%"></hr>
<span style="font-family: "verdana" "bold";"></span>
<div style="background-color: #8af282; border: 1px solid #444; padding: 5px; text-align: left;"><a href="ALAMAT TWITTER ANDA DISINI"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjytxDvbPsW5vfEM-mrHgVaARe7ZIbjiH8GEO_emx_BmjrsbI0-0VTDT8cbJb6O9GGo5_DKyMpmMuQmT_2rDAMZAmTFALJn5bu1G3pwMGXCJyussnuRaMb7bl54UksaCa18UmYr9mrw8Z-y/w140-h139-p/tweeter+logo.png" width= 20px height= 20px /> /* Ukuran Icon Twitter*/
<span style="color: blue; font-family: "verdana" , sans-serif; font-size: large;"><b>PENGANTAR ANDA UNTUK LINK TWITTER</b></a></span></div>
<hr width="100%"></hr>
Silahkan ganti semua tulisan yang berwarna merah, tulisan yang berwarna biru cuma keterangan (bisa dihapus).