Cara Membuat Halaman Contact Us Di Blogger

Hallo semua pada kesempatan kali ini saya akan membagikan cara membuat halaman contact us di blogger

Cara Membuat Halaman Contact Us

Step 1: Silahkan Kalian Masuk Blogger

Step 2: Pilih Halaman Dan + Halaman

Step 3: ganti dari mode tulisan compose menjadi mode HTML (klik icon pensil untuk mengganti mode tulisan)

Step 4: copy dan pastekan semua kode dibawah ini di halaman kalian.

<div class='ContactForm s-2' id='ContactForm1'>
  <form name='cForm'>
    <div class='cArea'>
      <label>
        <input class='cInpt cName' id='ContactForm1_contact-form-name' name='name' type='text'/>
        <span class='n'>Name</span>
      </label>
    </div>
    <div class='cArea'>
      <label>
        <input class='cInpt cMail' id='ContactForm1_contact-form-email' name='email' type='email'/>
        <span class='n req'>Email</span>
      </label>
      <span class='h'>Valid email required</span>
    </div>
    <div class='cArea'>
      <label>
        <textarea class='cInpt cMsg' id='ContactForm1_contact-form-email-message' name='message' rows='3'></textarea>
        <span class='n req'>Message</span>
      </label>
      <span class='h'>Empty messages not accepted</span>
    </div>
    <div class='cArea'>
      <input class='cBtn' id='ContactForm1_contact-form-submit' type='button' value='Submit' />
    </div>
    <div class='cArea nArea'>
      <p class='cNtf' id='ContactForm1_contact-form-error-message'></p>
      <p class='cNtf' id='ContactForm1_contact-form-success-message'></p>
    </div>
  </form>
</div>

<script src='https://www.blogger.com/static/v1/widgets/2271878333-widgets.js'></script>
<script>/*<![CDATA[*/ if (typeof(BLOG_attachCsiOnload) != 'undefined' && BLOG_attachCsiOnload != null) { window['blogger_templates_experiment_id'] = "templatesV1";window['blogger_blog_id'] = '0000000000000000000';BLOG_attachCsiOnload(''); }_WidgetManager._Init('//www.blogger.com/rearrange?blogID\0000000000000000000','//www.your_blog.com/','0000000000000000000');
_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': '0000000000000000000', 'contactFormNameMsg': 'Name', 'contactFormEmailMsg': 'Email', 'contactFormMessageMsg': 'Message', 'contactFormSendMsg': 'Send', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull')); var inputs = document.querySelectorAll('.widget input[type=text], .widget input[type=email], .widget textarea'); for (var i = 0; i < inputs.length; i++) { var input = inputs[i]; input.addEventListener('input', function() {var bg = this.value ? 'fl' : 'nfl'; this.setAttribute('data-text',bg);}); } /*]]>*/</script>

Information:

• [0000000000000000000]: Blog id kamu ada 4 kali penulisan kode diatas.
• [www.your_blog.com]: Alamat blog Anda (tanpa http/https)
• [Your Name, Email, Message]: Masukkan judul di formulir kontak.
• [Submit]: Teks pada tombol kirim.
• [Sending ...]: Teks saat mengirim pesan
• [Your message has been sent. ]: Teks notifikasi pesan terkirim.
• [Message could not be sent. Please try again later. ]: Teks notifikasi pesan tidak terkirim.
• [A valid email address is required. ]: Teks pemberitahuan email tidak valid.
• [A Message field cannot be empty. ]: Notifikasi teks saat isi pesan kosong.

Lalu Klik Publish / Publikasikan

ok jadi sekian Cara Membuat Halaman Contact Us Di Blogger semoga bermanfaat, dan terima kasih sudah berkunjung.

Referensi:
www.semawurku.xyz