Cara Membuat Halaman Kontak di Blogger dengan VioMagz

Halaman kontak pada blogger berfungsi untuk memudahkan pengunjung atau orang lain yang mungkin ingin menghubungi kami untuk bertanya tentang bisnis atau kerjasama. Pada artikel ini, akan dijelaskan tentang cara membuat halaman kontak di blogger dengan VioMagz.

Halaman Kontak di Blogger disebut juga dengan  halaman statis yang menampilkan daftar kontak dari admin atau tim redaksi suatu blog. Baik berupa nomor telepon, akun media sosial, email atau formulir kontak yang akan mengirim pesan secara otomatis ke email admin. Simak caranya berikut ini.

Baca Juga :  Panduan Blogging Untuk Pemula

Membuat Halaman Kontak di VioMagz

Membuat halaman form kontak sangatlah mudah, karena sudah ada fitur template VioMagz. Kita hanya membutuhkan kode untuk memunculkan form kontak di halaman statis blogger. Seperti yang sudah kalian ketahui, template ini selain memiliki tampilan yang keren juga memiliki fitur yang canggih dan sudah dioptimalkan dengan sebaik mungkin. Berikut tutorial membuat halaman kontak blogger dengan viomagz.

  • Buka Blogger.com
  • Masuk dengan akun anda
  • Pergi ke Dashboard Blogger
  • Masuk ke menu Halaman
  • Klik Halaman Baru
  • Beri judul “Formulir Kontak” “Kontak Saya” “Hubungi Saya” atau yang lainnya
  • Kemudian ubah menu editor dari Compose menjadi HTML
  • Lalu masukkan kode berikut ini
Baca Juga :  Cara Membuat Menu Navigasi dengan Template ViogMagz

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

Baca Juga :  Nikmati Berbagai Fitur di Hosting VPS Hostinger

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

 

  • Bila sudah, klik Publikasikan

Itulah cara membuat halaman kontak di blogger dengan VioMagz yang bisa anda pelajari. Jadi, anda cukup memasang kode pemanggil di halaman statis saja. Dengan menggunakan form kontak viomagz di halaman statis blogger anda akan membuat anda memiliki tampilan kontak yang keren. Namun, pastinya tetap menjaga kecepatan loading di blog anda, semoga bermanfaat.

Cek Tutorial Lengkap Disini :