<style type="text/css"> .contact-form { width: 600px; max-width:100%; margin-left:auto; margin-right:auto; padding: 0; color: #000; } .contactf-name { float: left; width: 45%; } .contactf-email { float: right; width: 45%; } .contact-form-name, .contact-form-email, .contact-form-email-message { width: 100%; max-width: 100%; padding: 20px 15px; margin: 20px 0 30px 0; } .contact-form-button, .contact-form-button-submit { width: 20%; max-width: 20%; height: 40px; color: #fff; background: #097b84; font-size: 0.875em; border-radius: 5px; } .contact-form-button-submit { -webkit-transition: background-color 100ms ease-out 100ms; -moz-transition: background-color 100ms ease-out 100ms; -o-transition: background-color 100ms ease-out 100ms; transition: background-color 100ms ease-out 100ms; } .contact-form-button-submit:hover { background: #076269; } </style> <script> var blogId = '188497948768575532';//gunakan nomor ID blog kamu //Kamu juga bisa mengedit pesan di bawah ini, jangan lupa tanda kutipnya var contactFormMessageSendingMsg ='Mengirim...'; var contactFormMessageSentMsg = 'Pesan sudah terkirim.'; var contactFormMessageNotSentMsg = 'Pesan tidak dapat terkirim, coba beberapa saat lagi.'; var contactFormEmptyMessageMsg ='Harap isi kotak pesan.'; var contactFormInvalidEmailMsg = 'Harap isi alamat email yang valid.' var widgetLoaded=false; function sendEmailMsg() { if(widgetLoaded== false) { _WidgetManager._RegisterWidget('_ContactFormView', new _WidgetInfo('ContactForm1', 'sidebar', null, document.getElementById('ContactForm1'), {'contactFormMessageSendingMsg': contactFormMessageSendingMsg , 'contactFormMessageSentMsg': contactFormMessageSentMsg , 'contactFormMessageNotSentMsg': contactFormMessageNotSentMsg , 'contactFormInvalidEmailMsg': contactFormInvalidEmailMsg , 'contactFormEmptyMessageMsg': contactFormEmptyMessageMsg , 'title': 'Contact Form', 'blogId': blogId, 'contactFormNameMsg': 'Name', 'contactFormEmailMsg': 'Email', 'contactFormMessageMsg': 'Message', 'contactFormSendMsg': 'Send', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull')); widgetLoaded=true; document.getElementById('ContactForm1_contact-form-submit').click(); } return true; } </script> <br /> <div class="contact-form"> <form name="contact-form"> <div class="contactf-name"> Nama : <br /> <input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" placeholder="Nama Anda.." size="30" type="text" value="" /></div> <div class="contactf-email"> Email: <em>(Wajib di isi)</em><br /> <input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" placeholder="Email Anda.." size="30" type="text" value="" /></div> <div style="clear: both;"> </div> <div class="contactf-message"> Pesan: <em>(Tulis isi pesan anda)</em><br /> <textarea class="contact-form-email-message" id="ContactForm1_contact-form-email-message" name="email-message" placeholder="Isi pesan Anda .." rows="7" style="height: 149px; margin: 0px;"></textarea></div> <br /> <input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" onclick="sendEmailMsg()" type="button" value="Kirim" /> <br /> <div style="max-width: 450px; 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>