Cara Membuat Contact Me Sederhana Di Halaman Statis (Update)

Cara Membuat Contact me Sederhana Di Halaman Statis-Halo Sobat Blogger...Bertemu lagi bersama saya ..kali ini saya kembali akan memberikan sedikit tutorial membuat Contact me sederhana..Sebelumnya saya juga sudah pernah membuat postingan yang sama yaitu cara membuat halaman contact me namun jika postingan sebelumnya menggunakan contactform123,kali ini hanya dengan menggunakan script sederhana saja..
baiklah Langsung saja..
1.Buka akun Blogger sobat
2.Buat Laman Baru,lalu pilih bagian HTMl
3.Copy Script berikut

<form name="contact-form">
Nama<br />
<input id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" /><br />
<br />
Email Address <span class="wajib">*</span><br />
<input id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" /><br />
<br />
Pesan <span class="wajib">*</span><br />
<textarea cols="25" id="ContactForm1_contact-form-email-message" name="email-message" rows="5"></textarea><br />
<input id="ContactForm1_contact-form-submit" type="button" value="Kirim" /><br />
<div class="formb">
<div id="ContactForm1_contact-form-error-message">
</div>
<div id="ContactForm1_contact-form-success-message">
</div>
</div>
</form>
<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'] = '8866800899420715293';BLOG_attachCsiOnload(''); }_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d5797577443875679708','//tutoramin.blogspot.co.id/','5797577443875679708');
_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': '5797577443875679708', 'contactFormNameMsg': 'Name', 'contactFormEmailMsg': 'Email', 'contactFormMessageMsg': 'Message', 'contactFormSendMsg': 'Send', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull'));
//]]>
</script>
<style type="text/css">
#ContactForm1{display:none}a.showcontent{display:none}#ContactForm1_contact-form-name,#ContactForm1_contact-form-email{
width:300px;height:auto;margin:5px auto;padding:10px;background:#fff;color:#666;border:1px solid #ddd;transition:all 0.5s ease-in-out;box-shadow:none;}
#ContactForm1_contact-form-email-message{width:450px;height:175px;margin:5px 0;padding:10px;background:#fff;color:#666;font-family:'Droid Sans',sans-serif;border:1px solid #ddd;transition:all 0.5s ease-in-out;box-shadow:none;}
#ContactForm1_contact-form-name:focus, #ContactForm1_contact-form-email:focus, #ContactForm1_contact-form-email-message:focus{outline:none; border-color: rgba(81,203,238,1);box-shadow: 0 0 5px rgba(81,203,238,0.7)!important;color:#444;background:#fff;}
#ContactForm1_contact-form-submit {font-family:Open Sans Condensed, sans-serif;float:left;border-radius:3px;
background:#07ACEC;color:#fff;margin:10px auto;vertical-align:middle;cursor:pointer;
padding:5px 10px!important;font-weight:700;font-size:15px;text-align:center;text-transform:uppercase;letter-spacing:0.5px;transition:all 0.4s ease-out;}
#ContactForm1_contact-form-submit:hover {background:#444;}#ContactForm1_contact-form-error-message, #ContactForm1_contact-form-success-message{
width:450px;margin-top:35px;}.formb{max-width:22px;text-align:center;width:100%}.wajib{color:red;font-weight:bold}
Widget By: <a href="http://tutoramin.blogspot.co.id/2016/03/cara-membuat-contact-me-sederhana-di-halaman-statis.html" target="_blank">Tutorial Amin</a><br />
</style>

 4.Ganti  5797577443875679708 dengan Id anda yang berada di link blogger anda

 5.Ganti //tutoramin.blogspot.co.id dengan domain anda
6.Kembali Ke Compose,dan Lihat Hasilnya
7.Sekarang Contact Me anda sudah selesai 

 Saya rasa cukup ini dulu yang saya sampaikan,Semoga bermanfaat bagi sobat dan silahkan follow Tutorial Amin untuk dapatkan berbagai tutorial,trik,tips dan info menarik seputar blogging. Jangan  lupa share ke teman-teman sobat.
terima kasih telah membaca artikel"Cara Membuat Contact Me sederhana di Halaman Statis" dan terus pantau Tutorial Blogging.Salam Blogger
Bagaimana Pendapat Sobat?

SHARE THIS