Cara Membuat Contact Us di Blog (Syarat Google Adsense)

Edwar Antoni - Januari 29, 2020

 

 

DEMO

 
Contact Us adalah salah satu komponen penting sebuah Blog sebelum mendaftar di Google Adsense, sudah terbukti contohnya dibahas pada poin ke-4 dalam website klikmania.net dibawah ini ataupun website-website lainnya.
 
Biasanya sebagian besar Blogger Blogspot mencari penyedia Contact Us atau Contact Form dari pihak ketiga ( contohnya foxyform, jotform, 123contactform, dll.).

Tetapi dalam menggunakan pihak ketiga pastinya mengurangi penilaian dalam blog kamu, maka sekarang saya ingin memberikan cara membuat Halaman Contact Us Secara Resmi dengan Fitur Blogger.

Apasih keuntungan menggunakan Contact Form bawaan blogger?

Sekarang kembali ke Blogger, blogger merupakan layanan blog dengan hosting gratis yang masih milik Google. Jadi intinya menggunakan layanan Google akan ada nilai tambahan saat Google menilai Blog kita, dan juga salah satu kelebihannya yang utama adalah pesan akan segera terkirim sesaat setelah seseorang mengirimkan pesannya dalam dijamin 100% Masuk.

Cara Membuat Contact Us di Blogspot:

Langkah 1 - Membuat Formulir Kontak di Sidebar

1. Login ke Blogger.com.
2. Klik Tata Letak pada pilihan menu sebelah kiri.

 3. Lalu klik +Tambahkan Gadget pada Sidebar.

4. Kemudian klik + pada Formulir Kontak

Langkah 2 - Menyembunyikan Formulir Kontak dari Sidebar

1. Klik Tema, lalu klik pada Edit HTML.

2. Tekan Ctrl+f lalu cari kode ]]></b:skin> dan pastekan kode dibawah ini diatasnya dan Simpan tema.

div#ContactForm1 {
display: none !important;
}

Langkah 3 - Membuat Halaman Contact Us

1. Pergi ke-menu Halaman kemudian buat Halaman Baru.

2. Pilih HTML, kemudian pastekan kode dibawah ini dan jangan lupa untuk mengganti kode yang berwarna merah dengan ID Blog Kamu.

<div id=”custom_ContactForm1″ class=”widget ContactForm”>

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

<p>Get in touch with us by filling out the form below.</p>

<div class=”form”>

<form name=”contact-form”>

<p></p>

Name

<br>

<input type=”text” value=”” size=”30″ name=”name” id=”ContactForm1_contact-form-name” class=”contact-form-name”>

<p></p>

Email

<span style=”font-weight: bolder;”>*</span>

<br>

<input type=”text” value=”” size=”30″ name=”email” id=”ContactForm1_contact-form-email” class=”contact-form-email”>

<p></p>

Message

<span style=”font-weight: bolder;”>*</span>

<br>

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

<p></p>

<input type=”button” value=”Send” 
id=”ContactForm1_contact-form-submit” class=”contact-form-button 
contact-form-button-submit”>

<p></p>

<div style=”text-align: center; max-width: 222px; width: 100%”>

<p id=”ContactForm1_contact-form-error-message” class=”contact-form-error-message”></p>

<p id=”ContactForm1_contact-form-success-message” class=”contact-form-success-message”></p>

</div>

</form>

</div>

</div>

<div class=”clear”></div>

<span class=”widget-item-control”>

<span class=”item-control blog-admin”>

<a title=”Edit” target=”configContactForm1″ onclick=”return 
_WidgetManager._PopupConfig(document.getElementById(“ContactForm1″));” 
href=”//www.blogger.com/rearrange?blogID=8799058979810298021&widgetType=ContactForm&widgetId=ContactForm1&action=editWidget&sectionId=sidebar-right-1″
 class=”quickedit”>

<img width=”18″ height=”18″ src=”//img1.blogblog.com/img/icon18_wrench_allbkg.png” alt=””>

</a>

</span>

</span>

<div class=”clear”></div>

</div>

3. Beri Judul "Contact Us" kemdian atur "Jangan Izinkan" untuk komentar lalu Publikasikan, done.

Related Posts