Cara Memasang Widget Contact Us Pada Halaman Statis Di Blogger

Jika sudah berbicara soal blogging tampaknya memang tidak akan selesai untuk dibicarakan sehari semalam saja. Sebab memang sangat berbagai susuatu perihal blog yang sanggup dibahas. Mulai dari menulis artikel, menentukan template, berbicara perihal 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 perihal 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 memakai cara menciptakan halaman contact us memakai jasa pihak ketiga yang memang sangat gampang untuk digunakan. Salah satunya ialah menggunakan foxyform. Kelebihan dari foxyform sendiri ialah Anda sanggup menciptakan halaman contact us dengan gampang tanpan harus mendaftar telebih dahulu.

Sebenarnya blogger sendiri juga telah menyediakan widget contact us yang pribadi sanggup kita pasang di sidebar blog. Namun sayangnya berdasarkan admin peletakan di sidebar ini kurang menarik dan juga sedikit menciptakan 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, pribadi saja untuk Anda yang ingin mengetahui caranya simak artikel berikut dengan seksama.

Cara Pertama :

• Pertama Login ke “Blogger” > Masuk ke sajian “Halaman“
• Buat Halaman statis gres dengan mengklik tombol “Halaman baru“
• Penting! Masukan judul terlebih dahulu. Isi judul dengan “Kontak” “Kontak Saya” atau sesuai keinginan.
• Pada serpihan editor konten, pilih mode HTML, sehabis masukan aba-aba 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 sanggup lihat gambar dibawah ini;

Demikianlah sedikit artikel perihal cara menciptakan contact us dari saya. Semoga apa yang aku tulis ini sanggup memperlihatkan manfaat ya gan.