Membuat Halaman Kontak Di Blogger

Cara Membuat Halaman Kontak, Cara Menambahkan Layanan Contact, Membuat Halaman Kontak di Halama Statis Blogger, Membuat Halaman Kontak di Blogspot, Membuat Contact Form di Blogger,

Cara Membuat Form Contact di Halman Statis Blogger. Halaman Kontak ini berfungsi buat mengirim pesan text yang nantinya secara otomatis bakal dikirim ke email si pemilik blog. Halaman Kontak ini juga bisa digunakan buat menjaga blog kamu selalu update serta dapat digunakan selaku halaman yang dialihkan dikala terdapat link rusak di blog. Pernah saya bahas sebelumnya mengenai Cara Redirect Page Not Found ke Halaman Baru.

Baca Juga

Ketika pengunjung menemukan artikel yang hilang, maka secara otomatis bakal di alihkan ke halaman Error 404. Nah.. pada halaman error 404 ini kamu bisa mengalihkannya kembali ke halaman kontak. menjadi pengunjung bisa menghubungi admin blog tersebut dikala artikel yang mereka cari tidak dapat di temukan.

Halaman Kontak ini sangat praktis sehingga pengunjung yang mau menghubungi admin, bisa langsung mengirim pesan tanpa perlu 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"

Demo

Silakan isi form di bawah ini buat menghubungi admin. Jika tidak ada halangan serta kesibukan lainnya, admin bakal 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 0;} .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>