Home Blogger Cara Gampang Membuat Halaman Kontak di Blog

Cara Gampang Membuat Halaman Kontak di Blog

by Erzed
Cara Membuat Form Contact di Halman Statis Blogger. Halaman Kontak ini berfungsi untuk mengirim pesan text yang nantinya secara otomatis akan dikirim ke email si pemilik blog. Halaman Kontak ini juga dapat digunakan untuk menjaga blog kamu selalu update dan dapat digunakan sebagai halaman yang dialihkan ketika terdapat link rusak di blog.

Cara Membuat Form Contact di Halman Statis Blogger Cara Gampang Membuat Halaman Kontak di Blog


Ketika pengunjung menemukan artikel yang hilang, maka secara otomatis akan di alihkan ke halaman Error 404. Nah.. pada halaman error 404 ini kamu dapat mengalihkannya kembali ke halaman kontak. jadi pengunjung dapat menghubungi admin blog tersebut ketika artikel yang mereka cari tak dapat di temukan.

Halaman Kontak ini sangat praktis sesampai kemudian pengunjung yang ingin menghubungi admin, dapat langsung mengirim pesan tanpa harus membuka akun email terlebih dahulu

Cara Membuat Halaman Kontak

1. Pada halaman utama Blogger, silahkan pilih “Laman” kemudian “Laman Baru”
2. Silahkan pilih “HTML” kemudian masukan kode di bawah ini kemudian “Publikasikan


Silakan isi form di bawah ini untuk menghubungi admin. Jika tak ada halangan dan kesibukan lainnya, admin akan langsung merespon pesan yang Anda kirimkan.  <form id="kontak-arlina" name="contact-form"> Name  <input id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" />  Email Address <span style="border:1px solid;color:#f14b4b;display:inline-block;font-size:x-small;font-weight:300;line-height:normal;margin:0 0 0 10px;padding:2px 6px;border-radius:2px;vertical-align:middle;">required</span>  <input id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" />  Content <span style="border:1px solid;color:#f14b4b;display:inline-block;font-size:x-small;font-weight:300;line-height:normal;margin:0 0 0 10px;padding:2px 6px;border-radius:2px;vertical-align:middle;">required</span> <textarea cols="25" id="ContactForm1_contact-form-email-message" name="email-message" rows="5"></textarea>  <input id="ContactForm1_contact-form-submit" type="button" value="Send Message" />   <div style="max-width: 222px; text-align: center; width: 100%;"> <div id="ContactForm1_contact-form-error-message"> </div> <div id="ContactForm1_contact-form-success-message"> </div> </div> </form> <style scoped="" type="text/css"> #comments,.post_meta,#blog-pager {display:none;} form {color:#666;} #kontak-arlina{margin:auto;max-width:640px} #ContactForm1_contact-form-name,#ContactForm1_contact-form-email{height:auto;margin:5px auto;padding:15px 12px;background:#fff;color:#444;border:1px solid rgba(0,0,0,.14);border-radius:3px;width:100%;min-width:100%;transition:all 0.5s ease-out} #ContactForm1_contact-form-email-message{width:100%;height:175px;margin:5px 0;padding:15px 12px;background:#fff;color:#444;border:1px solid rgba(0,0,0,.14);border-radius:3px;resize:none;transition:all 0.5s ease-out;} #ContactForm1_contact-form-name:focus, #ContactForm1_contact-form-email:focus, #ContactForm1_contact-form-email-message:focus{outline:none;background:#fff;color:#444;border-color:rgba(0,0,0,.24);} #ContactForm1_contact-form-submit{float:left;background:#222;margin:auto;vertical-align:middle;cursor:pointer;padding:12px 20px;font-size:14px;text-align:center;letter-spacing:.5px;border:0;width:100%;max-width:140px;border-radius:3px;color:#fff;font-weight:500;transition:all .8s ease} #ContactForm1_contact-form-submit:hover {background:#f14b4b;color:#fff;} #ContactForm1_contact-form-error-message, #ContactForm1_contact-form-success-message{width:100%;margin-top:35px;} .contact-form-error-message-with-border {background:#f6f6f6;border:none;box-shadow:none;color:#444;padding:5px ;} .contact-form-success-message {background:#4fc3f7;border:none;box-shadow:none;color:#fff;} img.contact-form-cross {line-height:40px;margin-left:5px;} .post-body input {width:initial;} @media only screen and (max-width:640px){ #ContactForm1_contact-form-name, #ContactForm1_contact-form-email,#ContactForm1_contact-form-submit{width:100%;}} </style>


Membuat Halaman Kontak ini sebenarnya sangat mudah. Agar halaman kontak ini dapat digunakan, kamu wajib memasang widget formulir kontak di blog kamu. widget atau gadget formulir kontak ini sudah disediakan oleh blogger. kamu cukup menambahkannya saja pada tata letak blog kamu.

Sekian seputar Cara Mudah Membuat Halaman Kontak di Blog semoga bermanfaat. terimakasih dan selamat mencoba.

Baca :  Lengkap Daftar Situs Penyedia SMTP Gratis Terbaru 2019


Sumber Web Wanajay

You may also like