Cara Mudah Membuat Contact Us di Blog Untuk Adsense

Cara Mudah Membuat Contact Us di Blog Untuk Adsense

Halaman contact us atau dalam dunia blogging dikenal dengan istilah contact form adalah sebuah halaman yang disediakan oleh pemilik blog atau website agar visitor dapat berinteraksi atau mengilimkan pesan langsung melalui email kepada pemilik blog

Setiap kali pengunjung mengirimkan pesan melalui contact form maka pesan tersebut secara otomatis akan terkirim di email pemilik blog.

Itulah bedanya halaman statis contact us dengan komentar blog

cara-membuat-contact-form-blogger

Kenapa Harus Menyediakan Halaman Contact US?

Mengapa contact form sangat penting, bukankah bila sudah disediakan nomer WA sudah sama saja?

Mungkin :D

Mari kita simak terlebih dahulu beberapa alasan mengapa kita harus membuat halaman contact us di blog sebelum kita bisa menarik berbagai kesimpulan:

1. Security

Alasan pertama adalah keamanan, bila kita mengekspos alamat email atau nomer WA di blog maka robot jahat yang mengcrawl data kita akan menyebarkan contact kita ke segala penjuru dinia, dalam beberapa' saat email kita akan penuh engan spam. Dan tentu saja berbagai tawaran dan percobaan penipuan akan memenuhi pesan whatsApp

Tidak percaya? silahkan dicoba :D

Dengan menggunakan contact form maka alamat email kita akan tetap tersembunyi, walaupun begitu pesan yang dikirim melalui form contact us akan tetap terkirim di email

2. Professional

Kesan pertama yang diberikan ketika sebuah blog memiliki halaman contact form adalah bahwa "blog ini memang profesial dan benar benar NIAT"

Kenapa seperti itu?

Kenapa sebuah blog tidak memiliki contact form? bukankah itu sama halnya dengan memberi tahu visitor"Sudah Ngga Usah Nanya Macem Macem"

Inginnya konten ramai dan blog memiliki banyak pengunjung, namun pemilik blog sendiri tidak mau membangun hubungan dengan pengunjung.... trus maunya pemilik blog apa?

Sudah jelas ini blog abal abal, susah dihubungi, tidak profesional

3. Menolong Diri Sendiri

Ya, dengan memasang contact form' kita pada dasarnya telah menolong diri sendiri

Banyak dari kita ingin memperoleh penghasilan dari internet melalui iklan Adsense, PropellerAds, Amazon Associates dll

Namun kenapa terkadang lamaran kita untuk mendaftar di layanan mereka ditolak?

Karena saat surveyor berkunjung dan tidak mendapati adanya halaman contact us bisa saja mereka menarik kesimpulan bahwa blog kita tidak memiliki koneksi dengan audiens nya, untuk apa mereka memasang iklan di blog blog seperti itu?

Permudahlah diri sendiri ! diminta contact aja kok susah sih kaya artis aja :D

Cara Membuat Contact Us di Blogger

Form contact us guru blogger bisa dilihat disini : Contact Guru Blogger

cara-membuat-contact-us-di-blogger

Membuat contact us di blogger itu mudah, bisa dikatakan itu adalah pekerjaan 1 menit

Karena memang benar, dibutuhkan waktu kurang dari 1 menit untuk membuat halaman contact us

Berikut ini langkah langkah membuat halaman contact us di blogger:

  1. Login di Blogger
  2. Buat page atau post baru
  3. Copy script ke HTML Editor
  4. Publikasi postingan / pages
  5. Buka Layout
  6. Tambahkan Gadget Contact Us
  7. Simpan

Lebih jelas langkah langkah membuat contact form blogger ikuti petunjuk gambar berikut ini:

1. Login Di Blogger

login-blogger

2. Buat Halaman atau Postingan Baru

cara-membuat-contact-us-di-blog

3. Copy Script Ke HTML Editor

Saat kita membuat halaman atau postingan baru biasanya kita berada di halaman compose editor, rubah menjadi HTML Editor (pojok kiri atas lihat gambar)

cara-membuat-contact-us-di-bloggerScript yang dicopy:
<style>
#contact{
background-color:#fff;
margin:30px 0 !important
}
#contact .contact-form-widget{
max-width:95% !important
}
#contact .contact-form-name,#contact .contact-form-email,#contact .contact-form-email-message{
background-color:#FFF;
border:1px solid #eee;
border-radius:3px;
padding:10px;
margin-bottom:10px !important;
max-width:97% !important
}
#contact .contact-form-name{
width:97%;
height:30px
}
#contact .contact-form-email{
width:97%;
height:30px
}
#contact .contact-form-email-message{
width:100%;
height:150px
}
#contact .contact-form-button-submit{
max-width:100%;
width:100%;
height:50px!important;
z-index:0;
margin:4px 0 0;
padding:10px !important;
text-align:center;
cursor:pointer;
background:#27ae60;
border:1px;
height:auto;
-webkit-border-radius:2px;
-moz-border-radius:2px;
-ms-border-radius:2px;
-o-border-radius:2px;
border-radius:2px;
text-transform:uppercase;
-webkit-transition:all .2s ease-out;
-moz-transition:all .2s ease-out;
-o-transition:all .2s ease-out;
-ms-transition:all .2s ease-out;
transition:all .2s ease-out;
color:#FFF
}
#contact .contact-form-button-submit:hover{
background:#2c3e50
}
#contact .contact-form-email:focus,#contact .contact-form-name:focus,#contact .contact-form-email-message:focus{
box-shadow:none !important
}
</style>
<br/>
Isi form berikut ini untuk menghubungi guru blogger, Bila tidak ada hambatan guru blogger akan segera me reply jawaban <b>melalui email.</b>
<br/>
<div class="contact-form">
<div class="contact section" id="contact" style="display: block;">
<div class="widget ContactForm" id="ContactForm1">
<div class="contact-form-widget">
<div class="form">
<form name="contact-form">
<input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" placeholder="Name" size="30" type="text" value="" />
<input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" placeholder="Email" size="30" type="text" value="" />
<textarea class="contact-form-email-message" cols="25" id="ContactForm1_contact-form-email-message" name="email-message" placeholder="Message" rows="5"></textarea>
<input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" type="button" value="Send" />
<br />
<div style="text-align: center; width: 100%;">
<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>
</div>
</form>
</div>
</div>
</div>
</div>
</div>

Beri Judul dan langsung publikasikan postingan

Sampai disini halaman contact form sudah jadi namun belum bisa dipakai (widget contact form harus diaktifkan terlebih dahulu)

Ok...next

4. Buka Layout cara-membuat-contact-us-di-blogspot

5. Tambahkan Gadget Baru

cara-membuat-contact-form-di-blog

6. Pilih Contact Form Gadget

cara-membuat-contact-form-di-blogger

7. Buang Checklist Agar Gadget dalam posisi Hidden

cara-membuat-contact-form-di-blogspot

8. Selesai

Contact form selesai dibuat dan sudah bisa digunakan, silahkan dicoba dan cek email apakah pesan sudah masuk

Letakkan link Contact Us di tempat yang disukai

Selamat belajar . . .

Komentar
Silahkan, saya ga nggigit !