NavigasiMembuat halaman contact email pada blogspot dengan mudah
hola sobat raperiadisepti selamat datang kembali, yups post kali ini saya akan bahas tentang bagaimana cara membuat halaman kontak di blog kita, cara kerja halaman ini adalah menyediakan form untuk pengunjung yang ingin menyampaikan pesan (yang mungkin saja pribadi) langsung ke email kontak si empunya blog...
oke tak perlu panjang lebar silahkan nyimak aja dimari:
step1
step1
yang pasti silahkan anda login ke halaman blog kemudian klik tab halaman dibilah kiri.
step2
setelah masuk di jendela halaman maka akan tampil semua halaman statis yang ada di blog kita (ya kalo belum pernah buat pastinya kosong), dan pada tahap ini anda tinggal buat halaman baru.
step3
kalau sudah terbuka anda bisa pilih mode html, lalu pastekan scriptnya(untuk scripnya sudah saya sediakan di bagian post paling bawh ini) pada box merah, setelah itu klik "publikasikan" yup...beres dah... untuk cek anda bisa klik tab "compose" disamping tab html tersebut.
dan ini source code untuk form contact nya
<div class="form">
<form name="contact-form">
<input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" onblur="if (this.value == "") {this.value = "Nama*";}" onfocus="if (this.value == "Nama*") {this.value = "";}" size="30" type="text" value="Nama*" />
<input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" onblur="if (this.value == "") {this.value = "Email Valid*";}" onfocus="if (this.value == "Email Valid*") {this.value = "";}" size="50" type="text" value="Email Valid*" /><br />
Isi Pesan*<br />
<textarea class="contact-form-email-message" cols="25" id="ContactForm1_contact-form-email-message" rows="10"></textarea>
<input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" type="button" value="Kirim" /> <input class="contact-form-button contact-form-button-submit" type="reset" value="Reset" />
<br />
<div style="max-width: 250px; text-align: center; width: 100%;">
<div class="contact-form-error-message" id="ContactForm1_contact-form-error-message">
</div>
<div class="contact-form-success-message" id="ContactForm1_contact-form-success-message">
</div>
</div>
</form>
<b>*</b><i>wajib diisi</i></div>
<style>
.contact-form-name, .contact-form-email {max-width: 250px; width: 100%;}
.contact-form-email-message {max-width: 450px; width: 100%;}
</style>
<form name="contact-form">
<input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" onblur="if (this.value == "") {this.value = "Nama*";}" onfocus="if (this.value == "Nama*") {this.value = "";}" size="30" type="text" value="Nama*" />
<input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" onblur="if (this.value == "") {this.value = "Email Valid*";}" onfocus="if (this.value == "Email Valid*") {this.value = "";}" size="50" type="text" value="Email Valid*" /><br />
Isi Pesan*<br />
<textarea class="contact-form-email-message" cols="25" id="ContactForm1_contact-form-email-message" rows="10"></textarea>
<input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" type="button" value="Kirim" /> <input class="contact-form-button contact-form-button-submit" type="reset" value="Reset" />
<br />
<div style="max-width: 250px; text-align: center; width: 100%;">
<div class="contact-form-error-message" id="ContactForm1_contact-form-error-message">
</div>
<div class="contact-form-success-message" id="ContactForm1_contact-form-success-message">
</div>
</div>
</form>
<b>*</b><i>wajib diisi</i></div>
<style>
.contact-form-name, .contact-form-email {max-width: 250px; width: 100%;}
.contact-form-email-message {max-width: 450px; width: 100%;}
</style>
oke sekian post kali ini semoga bermanfaat bagi semua, dan semoga anda lancar menggunakannya. jangan lupa untuk mampir ya dilain waktu . terimakasih
DONASI SAWER TRAKTIR
Terimakasih Atas Dukungan serta Keiklasan Anda
Newer Posts
Newer Posts
Older Posts
Older Posts
nice artikel gan, lanjutkan . kunjungan dari : www.softkini.blogspot.co.id
ReplyDelete