Cara Menambahkan Contact Form Pada Halaman / Page Blogger?


Menambahkan contact form berguna bagi pengunjung untuk mengirimkan pesan kepada penulis. Contact form juga berfungsi untuk kalian para bloggers agar dapat mudah dalam diterima penyedia iklan Google Adsense. Contact form merupakan syarat bagi blog dan keseriusan di dalam blog untuk dapat mudah diterima di Google Adsense.

Seperti penampakan pada halaman ini contact form blog saya ini. Jika kalian para blogger berkenan silahkan ikuti tutorial / cara yang saya berikan di bawah ini.

Jika gambar tidak jelas silahkan klik gambarnya. 😃

1. Tambahkan Gadget Contact

Pertama, buka akun blogger kalian. Buka Tata Letak , tambahkan gadget di panel kanan seperti gambar berikut.
Cari dan tambahkan Formulir Kontak / Contact Form.
Klik save, kemudian.

2.  Sembunyikan Gadget

Karena kita akan membuat di halaman / page maka harus di hiding.
Caranya, Klik tema / template edit HTML.
 Tekan Ctrl+F cari ]]></b:skin> kemudian copy css dibawah ini sebelum code itu.


Seperti pada ss dibawah ini.
Tekan save.

3. Menambahkan Contact Form ke Halaman / Page

Klik Pages / Halaman kemudian tambahkan halaman baru / new page.
Copy code html dibawah kemudian judulnya Contact setelah itu Publikasikan dan selesai.

Code is here.


<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" style="height: 40px; text-align: center;" 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>


Sekian dari saya, bila ada kesalahan kata mohon dimaklumi. Semoga kalian bisa mempraktekkannya. Sampai jumpa di postingan berikutnya kawan.

Berlangganan update artikel terbaru via email :

0 Response to "Cara Menambahkan Contact Form Pada Halaman / Page Blogger?"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel