Cara Mudah Membuat Contact Us di Blogger

Contact Us Blog Widianto

Contact Us dibuat dengan tujuan memberi pesan ke pemilik website tersebut, ntah itu saran, kritik atau sebuah kerjasama di blog kita. Sebenar nya membuat contact Us sudah ada di blogspot/blogger yang kita miliki hanya dengan menabah gaget pada menu tata letak sebelah kiri namun dari segi tampilan sangat sederhana dan muncul di postingan sesuai penepatan gaget di kiri atapun dibawah halaman.

Kali ini saya akan memposting cara mudah membuat contact Us di Blogger. Apabila kita ingin di taruh di halam berbeda atau di kolom menu pada postingan blog apa bisa, tentu saja bisa ada beberapa cara membuat contact us di blogspot kita dengan mudah salah satu nya menggunakan website generate yang menyediakan cara membuat contact us secara otomatis seperti:

• 123contactfrom.com
• foxyform.com
• dan masih banyak lagi

Cara kedua mebuat sendiri menggunakan kode Html berikut langkah untuk membuatnya:

•  login terlebih dahulu ke blogger.com
•  Setelah masuk kita buat Halaman Baru di menu sebelah kriri
•  Copy Paste Script dibawah ini
•  Kemudian Save atau publikasikan

<div class="Form">

<form name="contact-form">

<p></p>

Name

<br />

<input class="contact-form-name" style="max-width: 400px; width: 100%;" id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" />

<p></p>

Email

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

<input class="contact-form-email"style="max-width: 400px; width: 100%;" id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" />

<p></p>

Message

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

<br />

<textarea class="contact-form-email-message" style="max-width: 400px; width: 100%;" id="ContactForm1_contact-form-email-message" name="email-message" rows="5"></textarea>

<p></p>

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

<p></p>

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

<p class="contact-form-error-message" id="ContactForm1_contact-form-error-message"></p>

<p class="contact-form-success-message" id="ContactForm1_contact-form-success-message"></p>

</div>

</form>

</div>

<script src="https://www.blogger.com/static/v1/widgets/2271878333-widgets.js" type="text/javascript"></script>

<script type="text/javascript">

//<![CDATA[

if (typeof(BLOG_attachCsiOnload) != 'undefined' && BLOG_attachCsiOnload != null) { window['blogger_templates_experiment_id'] = "templatesV1";window['blogger_blog_id'] = 'XXXXXXXXXXXXXXXXXXX';BLOG_attachCsiOnload(''); }_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3dXXXXXXXXXXXXXXXXXXX','//blogwidianto.biz.id/','XXXXXXXXXXXXXXXXXXX');

_WidgetManager._RegisterWidget('_ContactFormView', new _WidgetInfo('ContactForm1', 'footer1', null, document.getElementById('ContactForm1'), {'contactFormMessageSendingMsg': 'Sending...', 'contactFormMessageSentMsg': 'Your message has been sent.', 'contactFormMessageNotSentMsg': 'Message could not be sent. Please try again later.', 'contactFormInvalidEmailMsg': 'A valid email address is required.', 'contactFormEmptyMessageMsg': 'Message field cannot be empty.', 'title': 'Contact Form', 'blogId': 'XXXXXXXXXXXXXXXXXXX', 'contactFormNameMsg': 'Name', 'contactFormEmailMsg': 'Email', 'contactFormMessageMsg': 'Message', 'contactFormSendMsg': 'Send', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull'));

//]]>

</script>

Kalian Ganti dulu yang bertulisan XXXX nya dengan ID Blog anda dan juga alamat Blog Nya juga di ganti dengan alamat blog anda, Setelah itu kalian liat hasilnya mantap. 

Cara membuat contact us di blogspot telah berhasil dibuat jangan lupa di tes cek email anda semoga berhasil.