Cara mudah pasang CONTACT FORM pada Blogger.

Cara mudah pasang CONTACT FORM pada Blogger.

Ok masbrow, lama saya tidak update pada blog yang satu ini. Pada saat yang menarik ini saya akan share mengenai Cara mudah pasang CONTACT FORM pada Blogger/Blogspot.

Langsung saja, begini caranya.

Bagian - 1: Menambahkan Gadget Kontak Ikuti langkah-langkah yang diberikan di bawah ini untuk menambahkan gadget kontak kami di blog Anda.
Langkah 1: Kunjungi blogger.com dan masuk ke akun Anda. Jika Anda menjalankan beberapa blog, Anda perlu memilih blog yang diinginkan dari daftar.
Langkah 2: Klik Layout dari sidebar kiri untuk mendapatkan opsi menambahkan gadget.

Langkah 3: Anda bisa melihat link Add a Gadget di panel utama di sisi kanan. Mengkliknya akan membawa Anda ke daftar gadget.

Langkah 4: Lalu, pilih Gadget lebih dari sisi kiri. Sekarang, Anda akan melihat Formulir Kontak. Tambahkan saja.

Bagian - 2: Menyembunyikan Gadget
Sekarang, Anda akan belajar menyembunyikan gadget kontak.

Langkah 1: Kita perlu bermain dengan bagian template di sini. Jadi, klik pada Template dari menu sebelah kiri.

Langkah 2: Kemudian, klik Edit HTML dan Anda akan diberi seluruh kode blog Anda di bidang yang ada.

Langkah 3: Cari]]> </ b: skin> dan letakkan kode berikut sebelum itu.
div#ContactForm1 {
display: none !important;
}

Kemudian, klik Save untuk menyimpan perubahan.

Setelah langkah ketiga, Anda tidak akan melihat Contact widget di blog Anda.

Bagian - 3: Menambahkan Formulir Kontak ke Halaman
Anda akan mendapatkan kode form kontak blogger resmi yang disesuaikan disini untuk ditambahkan agar ditampilkan pada halaman terpisah.

Langkah 1: Masuk ke Halaman dan klik di halaman baru.

Langkah 2: Tempel kode berikut ke editor posting HTML setelah menghapus semua yang ada di dalamnya.

ini kode lengkapnya :

<div class="widget ContactForm" id="custom_ContactForm1">

<div class="contact-form-widget">

Get in touch with us by filling out the form below.<br />

<div class="form">

<form name="contact-form">

Name

<br />

<input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" />

Email

<span style="font-weight: bolder;">*</span>

<br />

<input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" />

Message

<span style="font-weight: bolder;">*</span>

<br />

<textarea class="contact-form-email-message" cols="25" id="ContactForm1_contact-form-email-message" name="email-message" rows="5"></textarea>

<input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" type="button" value="Send" />

<div style="max-width: 222px; text-align: center; width: 100%;">

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

</div>

</form>

</div>

</div>

<div class="clear">

</div>

<span class="widget-item-control">

<span class="item-control blog-admin">

<a class="quickedit" contactform1="" href="https://www.blogger.com/rearrange?blogID=8799058979810298021&amp;widgetType=ContactForm&amp;widgetId=ContactForm1&amp;action=editWidget&amp;sectionId=sidebar-right-1" onclick="return _WidgetManager._PopupConfig(document.getElementById(" target="configContactForm1" title="Edit">

<img alt="" height="18" src="//img1.blogblog.com/img/icon18_wrench_allbkg.png" width="18" />

</a>

</span>

</span>

<br />

<div class="clear">

</div>

</div>

</div>

Langkah 3: Tambahkan judul (seperti Hubungi Kami) dan kemudian ubah pengaturan yang diberikan dengan benar seperti yang diberikan di bawah ini.

Langkah 4: Akhirnya, klik tombol Publish. Itu saja cukup.

Pesan yang dikirim dari formulir kontak ini akan dikirim ke email admin. Jika blog memiliki lebih dari satu admin, semuanya akan mendapatkannya.

Ok demikian tips Cara mudah pasang CONTACT FORM pada Blogger. Mudah-mudahan bisa berguna bagi semua.

Read More