Bagaimana Cara Membuat Contact Us Di Blog

Contact Us pada blog/website berfungsi sebagai halaman informasi tentang pemilik blog dan merupakan jalur komunikasi secara langsung dari pengunjung blog kepada pemilik blog melalui form contact, serta berfungsi untuk para pengunjung memberikan pesan, kesan atau bahkan kritikan tentang blog/website yang kita kelola, tentu dengan adanya kritikan itu akan sangat bermanfaat demi kebaikan dan perkembangan blog/website untuk masa mendatang.

Selain dari jalur komunikasi dan informasi keberadaan Contact Us pada sebuah blog merupakan syarat standard bagi pemilik blog atau website yang ingin mendaftarkan blognya untuk menjadi publisher pada Google Adsense, dimana tanpa adanya contact us pada blog kemungkinan diterima oleh google adsense sangatlah tidak mungkin atau mungkin sangat kecil.

Caranecom disini akan memberikan 2 cara pembuatan contact us yang bisa salah satunya saja kalian gunakan.

* Cara pertama adalah Contact Us yang kita buat sendiri dan menggunakan fitur bawaan blog
* Cara kedua adalah menggunakan layanan dari pihak lain

Kita mulai dengan cara pertama

Silahkan anda login pada blog dan setelah berada pada dashboard blogger silahkan pilih halaman kemudian buat halaman baru, pada lembar halaman baru silahkan buat judul laman tersebut misal Contact Us atau Contact Me, kemudian pada posisi composse pindah pada posisi HTML kemudian Copy dan pastekan kode dibawah ini pada halaman kosong pada tab HTML :

<div style="text-align: center;">
<span style="font-size: large;"><b>CONTACT US</b></span></div>
<div style="text-align: justify;">
<span style="font-size: large;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-size: large;">Selamat datang di Website Kami</span></div>
<div style="text-align: justify;">
<span style="font-size: large;">Terima kasih atas kunjungan anda, jangan ragu untuk menghubungi kami untuk memberi saran dan masukan atau ingin berbagi tentang informasi, selama informasi itu dibutuhkan untuk kebaikan bersama dan untuk tujuan mulia, dan kami <span style="color: blue;"><i><b>caranecom</b></i></span> berharap dapat membantu segala kebutuhan informasi yang berhubungan dengan segala hal yang unik dan menggairahkan untuk dibahas yang berkaitan dengan tujuan kebaikan bersama.</span></div>
<div style="text-align: justify;">
<span style="font-size: large;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-size: large;"><b>Kontak :</b></span></div>
<ul style="text-align: justify;">
<li><span style="font-size: large;">Website : https://caranecom.blogspot.com</span> </li>
<li><span style="font-size: large;">E-mail   : h . . . . . .@gmail.com </span></li>
<li><span style="font-size: large;"><span style="color: blue;">Phone </span>   : 082310100000</span></li>
</ul>
<br /><div style="text-align: justify;">
<span style="font-size: large;"><b>Social Media :</b></span></div>
<ul style="text-align: justify;">
<li><span style="font-size: large;">Tweeter</span></li>
<li><span style="font-size: large;"><span style="color: blue;">Facebook</span></span></li>
<li><span style="font-size: large;">Google Plus</span></li>
<li><span style="font-size: large;">Instagram</span></li>
<li><span style="font-size: large;">Whatsapp </span></li>
<li><span style="font-size: large;">Line</span></li>
</ul>
<div style="text-align: justify;">
<span style="font-size: large;">TERIMA KASIH</span></div>
<div style="text-align: justify;">
<span style="font-size: large;"><br /></span></div>
<div style="text-align: left;">
<span style="font-size: large;">Jangan ragu untuk menghubungi kami</span><br />
<span style="font-size: large;"><span style="font-size: small;">Name:</span> </span><br />
<span style="font-size: large;"><input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" /></span>
        </div>
<div class="widget ContactForm" id="ContactForm1" style="text-align: justify;">
<div class="contact-form-widget">
<div class="form">
<form name="contact-form">
<div style="text-align: left;">
<span style="font-size: large;"></span></div>
<div style="text-align: left;">
<span style="font-size: large;"> <span style="font-size: small;">E-mail:</span></span><br />
<span style="font-size: large;"><input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" /></span>
        </div>
<div style="text-align: left;">
<span style="font-size: small;">Website:</span></div>
<div style="text-align: left;">
<span style="font-size: large;"><input class="contact-form-email" id="ContactForm1_contact-form-email" name="website" size="30" type="text" value="" /></span>
        </div>
<div style="text-align: left;">
<span style="font-size: large;"></span></div>
<div style="text-align: left;">
<span style="font-size: large;"> <span style="font-size: small;">Message: </span></span><br />
<span style="font-size: large;"><textarea class="contact-form-email-message" cols="25" id="ContactForm1_contact-form-email-message" name="email-message" rows="5" style="height: 103px; width: 221px;"></textarea></span></div>
<div style="text-align: left;">
<span style="font-size: large;"><input class="contact-form-button contact-form-button-submit fa-user" id="ContactForm1_contact-form-submit" type="button" value="Submit" /></span>
        </div>
<div style="text-align: center;">
<span style="font-size: large;"><br /></span></div>
</form>
</div>
</div>
</div>

Ganti semua tulisan berwarna merah sesuai selera anda terutama url https://caranecom.blogspot.com dengan alamat url anda, sedangkan yang warna biru silahkan anda linkan dengan alamat url social media milik anda

Kemudian seting pada pilihan untuk tidak menampilkan komentar selanjutnya Publishkan dan anda sudah dapat melihat hasil tampilannya.

Selanjutnya membuat Form Contact yang biasanya form contact berada pada footer atau sesuai selera anda bisa juga ditempatkan diside bar kiri atau kanan laman blog anda.

Pada halaman Dashboard blog anda pada bilah kiri pilih Tata Letak kemudian klik Tambahkan Gadget seperti pada contoh tanda panah merah yang terlihat pada gambar dibawah ini :

Cara membuat Contact Us pada blog dengan mudah

kemudian pada halaman gadget gulir kebawah atau cari Formulir Kontak seperti yang ditandai kotak merah seperti gambar dibawah :

Selanjutnya yang terakhir pada page konfigurasi berikan nama judul pada widget ini dengan misal : Contact Me kemudian Simpan.

Tutorial lengkap membuat Contact me pada blog

Maka contoh form tampilannya akan seperti gambar dibawah ini dengan pengunjung menginput nama, alamat email dan pesan setelah dikirim akan secara otomatis masuk ke alamat email anda yang tertaut pada blog anda.

Selanjutnya jika anda ingin menampilkan Contact Us pada laman blog anda atau seperti gambar dibawah ini :

Caranya adalah :
Pada Dashboard blog anda pada bilah sisi kiri pilih Tata Letak
Kemudian klik edit pada gadget halaman pada seluruh kolom seperti pada gambar dibawah ini :

Maka akan muncul lembar konfigurasi seperti pada gambar dibawah ini dengan cara mengklik kotak box Contact me untuk mencentang dan menampilkannya pada laman blog anda kemudian klik Simpan

Cara simple membuat contact us di blog sendiri

Selesai

Cara yang kedua adalah

Menggunakan layanan dari pihak ketiga dengan cara klik link ini kemudian silahkan anda sign up kemudian pilih jenis form yang ingin anda gunakan atau bisa memilih blank untuk mengatur sendiri dan mengedit form yang kita inginkan serta membuat head form yang bisa anda isi sesuai dengan keinginan anda. Kemudian Copy hasil Generate atau kode yang dihasilkan kemudian pastekan pada halaman kosong dengan pilih tab pada HTML (bukan composse), dengan membuat halaman baru.

Baca Juga cara Membuat Privacy Policy, Daftar Isi, About, TOS dan Disclaimer

Demikian artikel tentang cara menambah contact us pada blog dengan cara mudah
Semoga bermanfaat
Saam Caranecom