Subscribe Us

Header Ads

Cara Membuat Layanan Contact Di Blog dengan Mudah



info-mantapqu.blogspot.com - Hallo Sobat MantapQu , nah.. kali ini saya akan membahas "Cara Membuat Layanan Contact Di Blogger".

Gambar terkait


Nah sebelum ke Langkah-langkah saya akan menjelaskan apa itu Layanan Contact Us, Layanan Contact us yaitu Tempat layanan untuk Berkomunikasi melalui pesan Pribadi kepada Penulis dengan maksud ada pertanyaan yg ingin ditanyakan? atau ada kesalahan saat menulis Artikel dapat menghubungi melalui Contact us.

Contact Us juga persyaratan untuk membuat "Privacy Policy" karena Privacy Policy juga persyaratan untuk mendaftar Adsense. nah itu sedikit penjelasan Contact Us,sekarang kita Menuju langkah-langkah untuk membuat Layanan Contact Us cekidot:

1. Masuk Ke Blogger 
2. Lalu masuk ke menu Dashboard anda, lalu klik Menu Page
3. Lalu buat Laman Page baru, di Page Baru Kalian bisa Kasih Judul "Contact" atau yg lainya.
4. Lalu klik HTML sebelah Compose
5. setelah itu salin lah kode tersebut lalu Tempelkan Ke HTML tersebut.
<script>
var blogId = '134777113111111111';
var contactFormMessageSendingMsg ='Mengirim...';
var contactFormMessageSentMsg = 'Pesan sudah dikirim. Semoga Anda bahagia.';
var contactFormMessageNotSentMsg = 'Pesan tidak dapat dikirim. Coba lagi nanti.';
var contactFormEmptyMessageMsg = 'Bidang pesan harus diisi.';
var contactFormInvalidEmailMsg = 'Alamat email harus 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>
<div class="Form">
<form name="contact-form">
<p></p>
Nama
<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>
Pesan
<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="Kirim" />
<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>
6.lalu ganti Kode blogid milik anda pada kode di atas yg berwarna Merah di atas
Contoh Blog Id
7.Setelah itu kalian klik Save.

info-mantapqu.blogspot.com - Nah itu di atas saya sudah menjelaskan untuk Membuat Layanan Contact Us dan Untuk mengeceknya kalian bisa cek sendiri dengan cara masukan email kedua anda lalu kirim dan buka email Blog anda untuk cek apakah masuk atau tidak.

Sekian dari saya

Post a Comment

0 Comments