√Cara membuat halaman form kontak blogger di VioMagz - dirga.id

Cara membuat halaman form kontak blogger di VioMagz

Halaman form kontak merupakan sebuah laman statis blog/website yang menampilkan kolom untuk memasukkan pesan sehingga memudahkan pengunjung untuk menghubungi admin atau pemiliki dari situs yang mereka sukai.

Dengan adanya form kontak pengunjung maupun orang yang memiliki kepentingan dengan author blog mudah untuk memberi tahu misal ingin menawarkan sebuah kerja sama atau hal lainnya.

Selain itu,bagi para penulis yang ingin mendapat keuntungan melalui blog/website yang mereka miliki melalui iklan Google AdSense. Karena berdasarkan peraturan Google,untuk situs-situs yang mendaftar program iklan mereka harus mempunyai beberapa halaman penting sebagai syaratnya. Dan salah satunya halaman kontak ini.

Baca Juga : Cara membuat halaman sitemap blogger di Viomagz

Beberapa alasan tadi kenapa kita harus mempunyai halaman kontak di situs kita,dan kabar baiknya Mas Sugeng selaku pembuat dari template VioMagz sudah menyediakan fitur khusus yang mampu membantu pengguna untuk memunculkan halaman tersebut.

Berikut ini cara membuat halaman form kontak blogger di VioMagz :


1. Buka Blogger dan klik Sign In untuk masuk ke akun kalian menggunakan gmail


buka-blogger-lalu-pilih-sign-in-untuk-masuk

ketikkan-akun-gmail-untuk-masuk

ketikkan-password-akun-gmail-untuk-masuk


2. Pilih menu halaman , lalu pilih halaman baru


pilih-menu-halaman-dan-klik-halaman-baru


3. Dan beri judul " Kontak " atau bisa menggunakan beberapa nama populer seperti " Contact Form " , " Kontak Saya " , " Contact Us " dan " Contact Me "


beri-judul-halaman-kontak-blogger


4. Lalu pada menu penulisan ubah dari Compose menjadi HTML


ganti-mode-penulisan-dari-compose-menjadi-html


5. Setelah itu copy script di bawah dan paste di bagian konten


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

6. Lalu kamu buka Deskripsi Penelusuran,dan kamu isikan sesuai dengan deskripsi yang kamu mau,contoh : " Halaman Kontak dari dirga.id " atau sejenisnya


lalu-isi-deskripsi-penelusuran


7. Setelah itu klik pilihan > Komentar Pembaca > Pilih Jangan Izinkan > Lalu selesai


setting-jangan-izinkan-komentar


8. Bila anda sudah mengikuti langkah diatas dengan benar sekarang anda sudah bisa memilih Publikasikan

Itulah tadi cara membuat halaman form kontak blogger di VioMagz dengan mudah, itu karena kecanggihan dari template VioMagz yang memang sangat mudah untuk digunakan dan dimodifikasi. Dengan menggunakan script diatas anda tidak perlu takut akan membuat waktu loading blog menjadi lama atau skor SEO menurun,karena kode ini benar-benar sangat ringan juga tidak akan mengganggu kualitas SEO dari situs anda.

Baca Juga : Cara Memasang Tombol Load More Post Ringan Pengganti Fitur Page Navigation Blogger

Dengan adanya form kontak pengunjung blog ataupun orang yang memiliki kepentingan dengan anda akan mudah untuk mengirim pesan dan menghubungi anda. Selain itu adanya halaman ini juga menambah kemungkinan besar agar anda bisa diterima saat pengajuan program Google AdSense. Untuk demo dari halaman ini bisa anda lihat di Form Kontak dirga.id .

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel