Cara Membuat Halaman Contact Us di Blogspot

Cara membuat halaman Contact Us di blogspot ,sebuah situs web yang profesional harus memiliki fitur Contact  untuk menghubungi pemilik situs web tersebut , apalagi ada fitur chat dengan pemilik situs .

Ada banyak cara membuat halaman Contact Us ,ada dengan cara bantuan situsweb lain , akan tetapi kali ini saya akan memberikan tutorial cara membuat halaman Contact Us gratis menggunakan fitur bawaan dari blogspot sendiri .

Copas kode dibawah ini

<div dir="ltr" style="text-align: left;" trbidi="on"><div class="Form"><form name="contact-form">Name <br /><input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" size="30" style="max-width: 400px; width: 100%;" 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" style="max-width: 400px; width: 100%;" type="text" value="" />Message <span style="font-weight: bolder;">*</span><br /><textarea class="contact-form-email-message" id="ContactForm1_contact-form-email-message" name="email-message" rows="5" style="max-width: 400px; width: 100%;"></textarea><input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" onclick="sendEmailMsg()" type="button" value="Send" /><br /><div style="max-width: 400px; 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><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'] ='8074244700096627938';BLOG_attachCsiOnload(''); }_WidgetManager._Init('//www.blogger.com/rearrange?blogID\/lollykuwl.blogspot.com/'8074244700096627938');_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': '8074244700096627938', 'contactFormNameMsg': 'Name', 'contactFormEmailMsg': 'Email', 'contactFormMessageMsg': 'Message', 'contactFormSendMsg': 'Send', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull')); //]]></script></div>

Ganti tex berwarna merah ganti dengan ID blog anda ,

Dan ganti tex berwarna kuning dengan alamat blog anda sendiri.

Untuk caranya letakan kode diatas pada halaman blog anda selamat mencoba contohnya bisa dilihat DISINI