Membuat Contact Us Dengan Dua Cara Untuk Blogspot 2020

Tutorial Ruang Guru. Pada postingan kali ini kami akan memberikan sebuah cara untuk membuat Contact Us di blogger atau blogspot pada halam baru. Halaman Contact Us disini hukumnya wajib dibuat untuk sebuah blog maupun website, karena juga termasuk salah satu kebijakan Google Adsen, jika blog kita akan didaftarkan ke Adsense. 

Tujuan pemasangan Contact Us disini adalah untuk mempermudah bagi para pembaca jika ingin menghubungi saling kontak dengan penulis blog, sehingga antara penulis dan pembaca bisa berhubungan lebih dekat lagi dan juga demi kelancaran bagi penulis dalam melanjtkan segala aktifitasnya dalam menulis blog.

Baca juga: Cara Daftar Atau Menghubungkan Blogspot Ke Google Adsense

Cara membuat Contact Us itu bisa dilakukan dengan dua cara dan pilih saja salah satu dalam pembuatannya. Adapun caranya adalah kurang lebih sebagai berikut :

1. Langkah pertama dalam dasbord pilih ke menu Tata Letak
2. Kemudian "+" Tambahkan Gadget pada Bilah Sisi
   
   
   
3. Tekan gambar 1, 2 dan 3 kemudian simpan. Maka kotak menu contact Us bisa digunakan dan akan tampil di bilah sebelah kanan, berarti kontak sudah jadi dan selamat mencoba.
4. Langkah pembuatan yang kedua adalah masuk ke menu Halaman pada dasbord
5. Lalu membuat postingan baru pada halaman tersebut.
6. Pada Edit HTML silahkan masukkan script di bawah point 7 
7. Kemudian dikasih judul Contact Us, lalu dipbublikasikan, maka kontak sudah selesai, selamat mencoba.

Silahkan Copy Kode di bawah ini : 

<div class="widget ContactForm" id="ContactForm1">

<div class="contact-form-widget">

<div class="form">

<form name="contact-form">

<i class="fa fa-user"></i> Name: <input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" />

        <br />

<br />

<i class="fa fa-envelope-o"></i> E-mail:<input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" />

        <br />

<br />

<i class="fa fa-pencil-square-o"></i> Message:

<textarea class="contact-form-email-message" cols="25" id="ContactForm1_contact-form-email-message" name="email-message" rows="5"></textarea><br />

<input class="contact-form-button contact-form-button-submit fa-user" id="ContactForm1_contact-form-submit" type="button" value="Submit" />

        <br />

<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>

<br /></form></div></div></div>

Dengan begitu, maka kita bisa menggunakan dengan salah satu cara saja.

Demikianlah cara membuat contact us dengan dua langkah atau cara di blogspot, semoga berguna dan bermanfaat. Wassalam.