Cara Membuat Halaman Kontak Di Template Median Ui 1.6

Halaman kontak template median ui 1.6

Fighaz Mc - Hallo teman-teman blogger diamana saja kalian berada, pada kesempatam kali ini, saya akan memberikan tutoril tentang cara membuat halaman kontak di template median ui 1.6.

Untuk pengguna tema atau template median ui 1.6 (Premium) kalian bisa melihat script atau halaman kontak ini didalam file yang kalian beli dari pembuatnya, yaitu jago desain.

Membuat Halaman Kontak Di Template Median Ui 1.6

Nah untuk memasang atau membuat halaman kontak ini cukup mudah. kalian bisa ikuti langkah-langakah dibawah ini.

• Login blogger
• Di halaman dasbor blogger, kalian pilih "Halaman". Jika jika kalian belum membuat halaman kontak, kalian bisa membuat halaman baru terlebih dahulu dan berikan Judul halaman "Contact"
• Setelah selesai membuat halaman baru, kalian salin script halaman kontak dibawah ini

<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': 'Messag#039;, '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>

• Lalu Kalian paste atau tempelkan kode di dalam halaman yang tadi kalian buat dalam bentuk penulisan "HTML"
• Jangan lupa untuk mengubah beberapa kode dibawah ini.

Yang Harus Di Seting Dalam Halaman Kontak Template Median Ui 1.6

Perhatikan baik-baik, jangan salah ganti yah.

1.) Angka "0000000000000000000" di ganti dengan Id Blog Kalian. Jika Kalian Tidak tau Id Blog Kalian, maka kalian kembali ke dasbor depan blogger, lebih mudahnya kalian kembali kehalaman postingan (BUKAN HALAMAN BLOG YAH). Lalu lihat URL di paling atas, tepatnya di tollbar URL, Maka kalian akan melihat Id blog kalian.

Contoh :

"https://draft.blogger.com/u/0/blog/posts/xxxxxxxxxxxxxxxxxxx?hl=id". Nah Salin Id seperti yang saya beri tanda diatas, Lalu ganti "0000000000000000000" dengan id blog kalian.

2.) Berikut, ganti "www.your_blog.com/" dengn URL blog kalian.

Setelah Semuanya di ganti, kalian simpan dan lihat hasilnya.

Apakah Ini Bekerja Dengan Baik?

Ya, Tentu saja.

Terjadi Eror Atau Tidak Bisa Mengirimkan Pesan Di Halaman Kontak Template Median Ui 1.6?

Kalian Bisa membaca tutorial yang saya tulis tentang Cara Mengatasi Error Pada Contact Form Blogger Di Halaman Statis Template Median Ui 1.6 untuk mengatasinya

Selamat Mencoba, Semoga Bisa bermanfaat.

Fighaz Mc Halo!, Saya suka menulis di blog, sebuah ruang pribadi saya untuk berbagi tips, informasi, dan pengetahuan seputar dunia internet dan teknologi. Mari jelajahi dunia digital bersama!

Share :