Cara Membuat Halaman Contact di Blogger

Halo teman-teman kembali lagi bersama admin esp, pada kesempatan kali ini saya ingin memberi sedikit tutorial Cara Membuat Halaman Contact di Blogger.

Bagi kalian yang belom tahu, apa si Halaman Contact Blogger itu?

Halaman contact atau biasa disebut contact us, contact page adalah salah satu komponen blog yang pastinya sangat dibutuhkan oleh seorang penulis blog.

Halaman contact ini berguna untuk memudahkan pengunjung untuk berkomunikasi oleh admin.

Tidak itu saja, halaman contact juga sangatlah penting karena ia salah satu syarat dan ketentuan untuk mendaftarkan blog untuk di monetisasi oleh Google AdSense.

Hampir setiap platform penulisan menyediakan halaman contact agar lebih mudah dipasang.

Namun tampilan akan sangat sederhana dan terkesan apa adanya. Bukan hanya itu, ukuran HTML template juga akan semakin membengkak.

Untuk mengatasi masalah seperti itu, kita membutuhkan script yang nantinya akan dipasang sebagai halaman status pada blog kalian.

Selain tidak memberatkan loading pada blog, tampilan dari halaman contact ini juga cukup menarik untuk dipandang oleh mata.

Untuk kalian yang penasaran silahkan lihat demonya di bawah ini :

Demo

Cara Membuat Halaman Contact di Blogger

Step 1 : Silahkan masuk ke Dashboard Blogger kalian.

Step 2 : Jika sudah masuk dalam Dashboard Blogger, silahkan pilih menu HALAMAN atau PAGE

Step 3 : Silahkan tambahkan HALAMAN baru terlebih dahulu, dan buat dengan nama CONTACT

Step 4 : Pilih ICON PENSIL di sebelah kiri, silahkan ubah dari TAMPILAN MENULIS ke TAMPILAN HTML

Step 5 : Silahkan copy atau salin semua kode di bawah ini

<div class="contact-form-widget"> 
	<form name="contact-form"> 
		<span class="ctitles">Nama :</span> 
		<input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" type="text" value="" /> 
		<span class="ctitles">Alamat Email <span class="swajib">*</span> :</span> 
		<input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" type="text" value="" /> 
		<span class="ctitles">Isi Pesan <span class="swajib">*</span> :</span> 
		<textarea class="contact-form-email-message" id="ContactForm1_contact-form-email-message" name="email-message" rows="10"></textarea> 
		<input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" type="button" value="Kirim" /> 
		<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> 
	</form> 
</div> 
<script src="https://www.blogger.com/static/v1/widgets/2271878333-widgets.js" type="text/javascript"></script>

Step 6 : Silahkan Pastekan semua kode yang habis kalian salin ke Halaman yang baru kalian buat dengan nama Contact

Step 7 : Jika semua kode sudah tepasang dengan benar, silahkan Publikasikan

Step 8 : Selesai.

Catatan

Ganti xxxxxxxxxxxxxxxxxx dengan id blog kalian.

Ganti www.namablog.com dengan nama kalian.

NOTE : Catatan di atas sudah tidak berguna lagi, karena contact form yang saya buat kali ini otomatis semua

Penutup

Penggunaan halaman contact memang telah menjadi trend bagi para blogger sekarang ini, selain trend pemasangan halaman contact ini juga sangat perlu untuk mendaftarkan blog kamu ke AdSense.

Menjadikan blog lebih profesional adalah impian semua para blogger yang masih aktif, karena semakin kesini semakin banyak saingan untuk ngeblog.

Mungkin itu saja artikel dari saya Cara Memasang Halaman Contact di Blogger, terimakasih.