Cara Membuat Contact Form Untuk Blogger

Assalamualaikum Wr.Wb. Baiklah, berjumpa kembali dengan saya, pada kesempatan kali ini saya akan memberikan Tutorial khusus blogger lagi. Tutorial yang akan saya berikan kali ini adalah "Cara membuat contact form untuk blogger", mungkin saja sebagian dari kalian masih belum tahu. Baiklah, langsung saja kita ke Tutorialnya.

Cara Pertama Membuat Contact Form Untuk Blogger.

Cara Membuat Contact Form Untuk  Blogger

  • Pertama silahkan login ke Blogger, silahkan pilih blog yang ingin kalian pasang Contact Formnya.
  • Kedua silahkan buat halaman baru dengan judul Contact Form, penting! Buat judul terlebih dahulu.
  • Ketiga silahkan pilih mode "compose", jangan pilih mode "HTML"
  • Keempat silahkan salin Script di bawah ini dan tempel di mode Compose tadi.
 <div class="Form">
<form name="contact-form">
<p></p>
Name
<br />
<input class="contact-form-name" style="max-width: 400px; width: 100%;" id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" />
<p></p>
Email
<span style="font-weight: bolder;">*</span><br />
<input class="contact-form-email"style="max-width: 400px; width: 100%;" id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" />
<p></p>
Message
<span style='font-weight: bolder;'>*</span>
<br />
<textarea class="contact-form-email-message" style="max-width: 400px; width: 100%;" id="ContactForm1_contact-form-email-message" name="email-message" rows="5"></textarea>
<p></p>
<input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" onclick="sendEmailMsg()" type="button" value="Send" />
<p></p>
<div style="max-width: 400px; text-align: center; width: 100%;">
<p class="contact-form-error-message" id="ContactForm1_contact-form-error-message"></p>
<p class="contact-form-success-message" id="ContactForm1_contact-form-success-message"></p>
</div>
</form>
</div>

<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'] = '12345678910';BLOG_attachCsiOnload(''); }_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d12345678910','//nadatazkia.com/','12345678910');
_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': '12345678910', 'contactFormNameMsg': 'Name', 'contactFormEmailMsg': 'Email', 'contactFormMessageMsg': 'Message', 'contactFormSendMsg': 'Send', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull'));
//]]>
</script>
  • Untuk angka "12345678910" silahkan ganti dengan ID blog sobat masing - masing (Semuanya ada 4), sedangkan dengan "nadatazkia.com" silahkan ganti dengan Domain blog sobat.
  • Terakhir tinggal klik simpan. Untuk terlihat lebih bagus, sebaiknya kotak komentar di Nonaktifkan saja.
  • Jika berhasil, maka jadinya akan seperti gambar i bawah ini. Kalian juga bisa langsung melihat Demonya disini
Cara Membuat Contact Form Untuk  Blogger
Cara Termudah Membuat Contact Form di Blogger
  •  Silahkan kunjungi website yang beralamatkan http://www.foxyform.com
  • Kemudian geser sedikit mouse kalian ke bawah sampai menemukan kotak untuk mengisi Email. jadi silahkan isi email kalian di situ.
  • Jika sudah, sekarang klik centang pada "ANTISPAM PROTECTION"
  • Sekarang tinggal klik pada "Create Formulir"
  • Nantinya kalian akan di berikan sebuah script. Terakhir tinggal salin dan tempel script tersebut ke halaman baru, tapi harus di mode HTML.
Cara Membuat Contact Form Untuk  Blogger

Sekian tutorial kali ini, semoga bisa membantu kalian semua.


0 Response to "Cara Membuat Contact Form Untuk Blogger"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel