Hai sobat dumay.
Contact us berfungsi sebagai media komunikasi pembaca dengan penulis atau pemilik blog. Mengingat pentingnya contact us, jadi sudah menjadi perkara wajib jika contact us itu ada di dalam blog.
Bagi blogger senior seperti; Kipudin, Nalagila, Mbak Risna, Arlina Design, dll. Merupakan hal yang mudah dan mungkin sambil merem aja mereka udah bisa bikin kayak gituan.
Nah, kalau bagi blogger pemula seperti gue ini, memasang contact us merupakan barang baru. Soalnya kita mulai main sama kode-kode cinta. Opsss maksudnya kode script.hehe😂😂😂
Baik lah, dari pada banyak omong, langsung saja sob, gue mau berbagi pengalaman. Oh ya, bagi yang udah tahu lebih baik dan lebih sopan pura-pura kagak tahu aja ya.he😂😂😂
Cara memasang contact form berdasarkan pengalaman pribadi gue.
Pertama, sobat masuk ke menu tata letak.
Kedua, sobat add widget formulir kontak.
Ketiga, masuk ke menu template/tema.
Kelima, tempel kode dibawah ini diatas kode ]]></b:skin>
Keenam, masuk ke menu laman. Buat halaman baru.
Ketujuh, agar tampilan rapi sebaiknya gunakan "tekan enter untuk baris baru".
Kedelapan, ubah setingan penulisan dari compose ke HTML.
Kesembilan, tempelkan kode dibawah ini ke dalam laman baru sobat.
Nah, jadi dech.
Gimana? Gampang kan?
Selamat mencoba ya!
Demikianlah cara memasang contact form di blog. Ada kurang lebihnya gue mohon maaf ya sob.
Sekian.
Bye..🙋🙋🙋
Contact us berfungsi sebagai media komunikasi pembaca dengan penulis atau pemilik blog. Mengingat pentingnya contact us, jadi sudah menjadi perkara wajib jika contact us itu ada di dalam blog.
Bagi blogger senior seperti; Kipudin, Nalagila, Mbak Risna, Arlina Design, dll. Merupakan hal yang mudah dan mungkin sambil merem aja mereka udah bisa bikin kayak gituan.
Nah, kalau bagi blogger pemula seperti gue ini, memasang contact us merupakan barang baru. Soalnya kita mulai main sama kode-kode cinta. Opsss maksudnya kode script.hehe😂😂😂
Baik lah, dari pada banyak omong, langsung saja sob, gue mau berbagi pengalaman. Oh ya, bagi yang udah tahu lebih baik dan lebih sopan pura-pura kagak tahu aja ya.he😂😂😂
Cara memasang contact form berdasarkan pengalaman pribadi gue.
Pertama, sobat masuk ke menu tata letak.
Kedua, sobat add widget formulir kontak.
Ketiga, masuk ke menu template/tema.
Keempat tempel kode dibawah ini di atas </head>.
<link href='//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css' rel='stylesheet'/>
Kelima, tempel kode dibawah ini diatas kode ]]></b:skin>
#ContactForm1 { display: none; } #ContactForm1_contact-form-name, #ContactForm1_contact-form-email { width: 300px; height: auto; margin: 10px auto; padding: 10px; background: #fdfdfd; color: #666; border: 1px dashed #ddd; transition: all 0.5s ease-in-out; } #ContactForm1_contact-form-email-message { width: 450px; height: 175px; margin: 10px auto; padding: 10px; background: #fdfdfd; color: #666; font-family: 'Roboto',sans-serif; border: 1px dashed #ddd; transition: all 0.5s ease-in-out; } #ContactForm1_contact-form-name:focus, #ContactForm1_contact-form-email:focus, #ContactForm1_contact-form-email-message:focus { background: #fff; outline: none; border: 1px dashed #f8a82a; } #ContactForm1_contact-form-submit { font-family: 'Roboto'; font-size: 15px; width: 101px; height: 35px; float: left; color: #fff; padding: 0; margin: 10px 0 3px 0; cursor: pointer; background: #aaa; border: none; border-radius: 2px; transition: background 0.4s linear; } #ContactForm1_contact-form-submit:hover { background: #f8a82a; } #ContactForm1_contact-form-error-message, #ContactForm1_contact-form-success-message { width: 450px; margin-top: 35px; }
Keenam, masuk ke menu laman. Buat halaman baru.
Ketujuh, agar tampilan rapi sebaiknya gunakan "tekan enter untuk baris baru".
Kedelapan, ubah setingan penulisan dari compose ke HTML.
Kesembilan, tempelkan kode dibawah ini ke dalam laman baru sobat.
<form name="contact-form"> <span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><i class="fa fa-user"></i> Nama</span> <input id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" /> <span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><i class="fa fa-envelope"></i> Alamat Email <span style="color: red; font-weight: bolder;">*</span></span> <input id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" /> <span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><i class="fa fa-pencil"></i> Isi Pesan <span style="color: red; font-weight: bolder;">*</span></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="Kirim" /> <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>
Nah, jadi dech.
Gimana? Gampang kan?
Selamat mencoba ya!
Demikianlah cara memasang contact form di blog. Ada kurang lebihnya gue mohon maaf ya sob.
Sekian.
Bye..🙋🙋🙋
