Skip to main content

Cara Memasang Widget Contact Us Pada Halaman Statis di Blogger

Jika sudah berbicara soal blogging sepertinya memang tidak akan selesai untuk dibicarakan sehari semalam saja. Sebab memang sangat banyak sekali susuatu tentang blog yang dapat dibahas. Mulai dari menulis artikel, memilih template, berbicara tentang pendapatan, seo, dan masih banyak lagi termasuk cara memasang widget contact us pada halaman statis.

Namun di kesempatan kali ini kita tidak akan membahas semua tentang blog. Yang akan kita bahas hanya apa yang sudah tertera di judul artikel kita kali ini. Sebab keberadaan halaman contact us ini juga sangat penting untuk memudahkan para pengunjung berkomunikasi dengan admin blog.


Umumnya admin blog menggunakan cara membuat halaman contact us menggunakan jasa pihak ketiga yang memang sangat mudah untuk digunakan. Salah satunya adalah menggunakan foxyform. Kelebihan dari foxyform sendiri adalah Anda dapat membuat halaman contact us dengan mudah tanpan harus mendaftar telebih dahulu.

Sebenarnya blogger sendiri juga telah menyediakan widget contact us yang langsung dapat kita pasang di sidebar blog. Namun sayangnya menurut admin peletakan di sidebar ini kurang menarik dan juga sedikit membuat loading blog sedikitnya lebih lambat. Untuk itulah banyak blogger yang ingin memasangnya di halaman statis, selain lebih rapi juga terkesan lebih profesional.

Memasang Widget Contact Form Pada Halaman Statis

Oke rasanya kita sudah tidak usah berpanjang lebar lagi ya, langsung saja untuk Anda yang ingin mengetahui caranya simak artikel berikut dengan seksama.

Cara Pertama :

  • Pertama Login ke “Blogger” > Masuk ke menu “Halaman
  • Buat Halaman statis baru dengan mengklik tombol “Halaman baru
  • Penting! Masukan judul terlebih dahulu. Isi judul dengan “Kontak” “Kontak Saya” atau sesuai keinginan.
  • Pada bagian editor konten, pilih mode HTML, setelah masukan kode 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>

  • Terakhir klik “Publikasikan
  • Selasai…
Untuk demonya Anda bisa lihat gambar dibawah ini;
Demikianlah sedikit artikel tentang cara membuat contact us dari saya. Semoga apa yang saya tulis ini dapat memberikan manfaat ya gan.
Comment Policy: Silahkan tuliskan komentar Anda yang sesuai dengan topik postingan halaman ini. Komentar yang berisi tautan tidak akan ditampilkan sebelum disetujui.
Buka Komentar
Tutup Komentar
-->