Cara Setting Halaman Kontak

Ikuti panduan dibawah ini utnuk menambahkan halaman kontak pada tema pamula dengan mudah.

Persiapan

Hal pertama yang harus Anda lakukan adalah mendapatkan kode ID blog Anda, caranya sangat mudah pada saat membuka laman blogger lihatlah dibagian address bar maka anda akan menemukan contoh link seperti dibawah ini:

https://www.blogger.com/blog/themes/1234567890000000000

bagian yang ditandai itu adalah kode ID blog Anda, silakan salin karena kode ini akan dibutuhkan saat membuat halaman kontak.

Tutorial

1. Silahkan buat halaman baru, jangan lupa untuk isi deskripsi penuluran pada lama baru Anda.
2. Pindah ke mode HTML lalu salin dan tempel kode dibawah ini pada isi laman Anda:

<form id='ContactForm1' name="contact-form">
  <div class="formcolumn1">
    <input id="ContactForm1_contact-form-name" name="name" placeholder="Name" size="30" type="text" value="" /> 
  </div>
  <div class="formcolumn2">
    <input id="ContactForm1_contact-form-email" name="email" placeholder="Email" size="30" type="text" value="" /> 
  </div>
  <div class="formcolumn3">
    <textarea cols="25" id="ContactForm1_contact-form-email-message" name="email-message" placeholder="Message" rows="7"></textarea> 
  </div>
  <div class="formcolumn4">
    <input class="ripplelink" id="ContactForm1_contact-form-submit" type="button" value="Send Now" /> 
  </div>
  <div style="max-width: 100%; text-align: center; width: 100%;">
    <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'></script>
<script>//<![CDATA[
if (typeof(BLOG_attachCsiOnload) != 'undefined' && BLOG_attachCsiOnload != null) { window['blogger_templates_experiment_id'] = "templatesV1";window['blogger_blog_id'] = '1234567890000000000';BLOG_attachCsiOnload(''); }_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d1234567890000000000','//www.namablog.com/','1234567890000000000');
_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': '1234567890000000000', 'contactFormNameMsg': 'Name', 'contactFormEmailMsg': 'Email', 'contactFormMessageMsg': 'Message', 'contactFormSendMsg': 'Send', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull')); //]]></script>

Ubah bagian yang ditandai pada kode diatas dengan ID blog Anda, jangan lupa ubah juga nama blog biar bisa terkirim ke email Anda.

Keterangan:

• [ 1234567890000000000 ] : Id Blog Anda
• [ www.namablog.com ] : Alamat blog Anda (tanpa http / https)
• [ Send Now ] : Teks pada tombol submit
• [ Sending... ] : Teks saat mengirim pesan
• [ Your message has been sent. ] : Teks pemberitahuan pesan terkirim
• [ Message could not be sent. Please try again later. ] : Teks pemberitahuan pesan tidak terkirim
• [ A valid email address is required. ] : Teks pemberitahuan email tidak valid
• [ A Message field cannot be empty. ] : Teks pemberitahuan saat isi pesan kosong
3. Publish laman anda dan silahkan ujib coba apakah widget kontak nya berhasil atau tidak

Jika diterapkan dengan benar seperti menambahkan id blog anda pada semua bagian yang sudah ditandai seharusnya tidak akan ada kesalahan.