Panduan dan Langkah Membuat Contact US di Laman Blog

Hai Para blogger sejati... Dalam kesempatan ini saya akan memberika Panduan dan langkah membuat Contact US, dalam hal ini bagi para blogger pemula seperti saya harus ada contact us di blognya. Kenpa anda harus membuat contact us? Ini Juga kata para master blogger katanya harus ada soalnya itu sarat-sarat untuk membatu blog anda berkembang dan bisa memudahkan dalam rivew ADS.
Maka kali ini saya akan memberikan panduan dan langkah membuat contact us.

"Panduan dan Langkah Membuat Contact US"

Silahkan baca hingga selesai, dan peraktekan supaya anda bisa membuatnya sendri di blog anda !!.

Langkah Pertama dalam membuat contact us yaitu anda silahkan login ke akun blog anda sendri, dan lanjut sesudah login silahkan anda menuju ke arah tataletak blog anda, silahkan anda tambahkan gadget, silahkan tambahkan atau klik. Dalam langkah ini anda akan di muncul kan gadget, silahkan anda ganti gadget Dasar-dasar menjadi Gadget Lainya. Kalau sudah maka akan muncul pilihan yang di tawarkan oleh blogger, silahkan anda pilih atau klik ( Formulir Kontak ), kalai sudah di pilih lalu publiskan.
Dan langkah selanjutnya dalam panduan dan langkah membuat contact us yaitu anda silahkan masuk ke Template lalu pilih Edit HTML. Maka anda akan di hadapkan dengan HTML yang sangat rumit, tak usah di pikir santai saja ok. Langsung saja, kalau anda sudah masuk silahkan anda cari kode di bawah ini:

<b:widget id='ContactForm1' locked='false' title='Contact Form' type='ContactForm'>
    <b:includable id='main'>
Hapus bagian ini
</b:includable>
  </b:widget>
</b:section>

Keterangan:
Hapaus beberapa bagian dan sisakan seperti yang di atas

Kalau anda susah mencarinya silahkan anda klik dulu di tengah dan lalau anda tekan CTRL+F lalau masukan kode yang akan di cari lasung klik Enter, nanati akan muncul secara otomatis akan diberi tanda warna kuning aga ke coklatan.

Langkah yang kedua kita menuju ke arah Laman. Silahkan anda masuk ke laman lalu buat laman baru. Dalam laman silahkan anda kasih judul Contact US dan kemudian ganti mode penulisan dari Compose menjadi HTML. Berikutnya silahkan anda copy kode ccs di bawah ini lalau pastekan di tempat teks laman anda.

<div class='seocips-contact-form'>
<div class='form'>
<!-- Custom Contact Form By Seocips start -->
<div class='seocips-contact-title'>
Contact Form
</div>
<form name='contact-form'>
<!-- Name Field -->
<input class='contact-form-name' id='ContactForm1_contact-form-name' name='name' value="Name" size='30' type='text' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Name&quot;;}' onfocus='if (this.value == &quot;Name&quot;) {this.value = &quot;&quot;;}' />
<p></p>
<!-- Email ID Field -->
<input class='contact-form-email' id='ContactForm1_contact-form-email' name='email' value="Email ID"  size='30' type='text' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Email ID&quot;;}' onfocus='if (this.value == &quot;Email ID&quot;) {this.value = &quot;&quot;;}'/>
<p></p>
<!-- Message Field -->
<textarea class='contact-form-email-message'  id='ContactForm1_contact-form-email-message' name='email-message'  value='Leave Your Message..'  onblur='if (this.value == &quot;&quot;) {this.value = &quot;Leave Your Message..&quot;;}' onfocus='if (this.value == &quot;Leave Your Message..&quot;) {this.value = &quot;&quot;;}'></textarea>
<p></p>
<!-- Clear Button -->
<input class='contact-form-button contact-form-button-submit seocips-button-color' type='reset' value='Clear'/>
<!-- Send Button --> 
<input class='contact-form-button contact-form-button-submit seocips-button-color' id='ContactForm1_contact-form-submit' type='button' value='Send'/>
<p></p>
<!-- Validation -->
<div style='text-align: center; max-width: 222px; width: 100%'>
<p class='contact-form-error-message' id='ContactForm1_contact-form-error-message'></p>
<p class='contact-form-success-message' id='ContactForm1_contact-form-success-message'></p>
</div>
</form>
<!-- End Custom Contact Form By seocips -->
</div></div>
<style>
.seocips-contact-form { background:#fff; box-shadow:-1px 2px 3px #ddd; font:12px arial; width:100%; max-width:320px; margin:20px auto; padding:15px; border:1px solid #ddd; }
.seocips-contact-title { box-shadow:-1px 2px 3px #ddd; text-shadow:0 1px 1px rgba(0,0,0,.3); margin:0 0 10px 0; font-weight:400; padding:10px 15px; font:16px Arial; cursor:pointer; text-align:center; color:#fef4e9; border:solid 1px #da7c0c; background:#f78d1d; }
.contact-form-name,.contact-form-email,.contact-form-email-message { max-width:320px; width:100%; font-weight:bold; }
.contact-form-name { background:#f3f3f3 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIVyzhJEaQdBSNsq4Hl6095SBIQbRtVW2puds2FsQnptjMGIfUhZw2gg5PHP3X_GLv8XC4jVzV5dvNXvSpvB-sHS-EmpvqlItSXFqp3cfVpYaQ8n_Ot5nPkyBrWuPhbpCcHVJTUD-x4cY/s320/name.png) no-repeat 7px 8px; background:#f3f3f3; border:1px solid #ddd; box-sizing:border-box; color:#A0A0A0; display:inline-block; font-family:Arial,sans-serif; font-size:13px; font-weight:bold; height:35px; margin:0; margin-top:5px; padding:5px 15px 5px 28px; box-shadow:inset -2px 2px 3px #ddd; vertical-align:top; }
.contact-form-email { background:#F2F2F2 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvIlIbvFeRLrAoNZReKSgh5vAy-8qJKCTNdTAGnu2kzX1c_CKKgwQYrsUE37ZQlkCQdedVuZvZY2YxbzBnKWYBC-begh2t9z3c6kvbiU7Y_qqwgiBa5EWQS5p-IRt9mTpXcZSmcJIIkFo/s320/email.png) no-repeat 7px 10px; background-color:#F2F2F2; border:1px solid #ddd; box-sizing:border-box; color:#A0A0A0; display:inline-block; font-family:Arial,sans-serif; font-size:13px; font-weight:bold; height:35px; margin:0; margin-top:5px; padding:5px 15px 5px 28px; vertical-align:top; box-shadow:inset -2px 2px 3px #ddd; }
.contact-form-email:hover,.contact-form-name:hover { border:1px solid #bebebe; box-shadow:0 1px 2px rgba(5,95,255,.1); padding:5px 15px 5px 28px; }
.contact-form-email-message:hover { border:1px solid #bebebe; box-shadow:0 1px 2px rgba(5,95,255,.1); padding:10px; }
.contact-form-email-message { background:#FFF; background-color:#f2f2f2; border:1px solid #ddd; box-sizing:border-box; color:#A0A0A0; display:inline-block; font-family:arial; font-size:13px; margin:0; margin-top:5px; padding:10px; vertical-align:top; max-width:320px !important; height:150px; border-radius:4px; box-shadow:inset -2px 2px 3px #ddd; }
.contact-form-button { cursor:pointer; height:32px; line-height:28px; font-weight:bold; border:none; }
.contact-form-button { display:inline-block; zoom:1; *display:inline; vertical-align:baseline; margin:0 2px; outline:none; cursor:pointer; text-align:center; text-decoration:none; font:14px/100% Arial,Helvetica,sans-serif; padding:.5em 2em .55em; text-shadow:0 1px 1px rgba(0,0,0,.3); box-shadow:-1px 2px 3px #ddd; }
.contact-form-button:hover { text-decoration:none; }
.contact-form-button:active { position:relative; top:1px; }
.seocips-button-color { color:#fef4e9; border:solid 1px #da7c0c; background:#f78d1d; }
.seocips-button-color:hover { background:#f47c20; }
.seocips-button-color:active { color:#fcd3a5; }
.contact-form-name { background:#F3F3F3 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIVyzhJEaQdBSNsq4Hl6095SBIQbRtVW2puds2FsQnptjMGIfUhZw2gg5PHP3X_GLv8XC4jVzV5dvNXvSpvB-sHS-EmpvqlItSXFqp3cfVpYaQ8n_Ot5nPkyBrWuPhbpCcHVJTUD-x4cY/s320/name.png) no-repeat 7px 6px; padding:15px 15px 15px 28px; }
</style>

Dan selanjutnya silahkan publiskan laman tersebut.
Itulah Panduan dan langka membuat contact us dari saya. Semoga bermanfaat bagi anda yang sudah membaca artikel saya.