Cara Membuat Laman Contact Us untuk Blogger

Gambar 1.0 Cara Membuat Laman Contact Us

Hai sobat RizkiSkip? Bagaimana kabar kalian?sudah lama nih saya tidak update artikel dikarenakan saya masih harus membenahi blog kecil - kecilan ini. Pada kesempatan kali inisaya akan membahas tentang Cara Membuat Laman Contact Us Untuk Blogger.

Baca juga : Cara Membuat Privacy Policy Untuk Blogger
Baca juga : Cara Membuat Disclaimer Untuk Blogger

Untuk apa sih bikin laman Contact Us?
Membuat laman Contact Us atau Contact Me atau apalah itu bertujuan agar memudahkan kamu para blogger untuk berinteraksi kepada pembaca atau pengunjung setia blog kamu agar dapat menampung pendapat atau saran.

Selain itu, laman contact us juga merupakan persyaratan untuk membuat Privacy policy dan Diclaimer. Tanpa laman contact us kamu tidak akan bisa membuat laman Privacy policy dan laman Disclaimer.

Itulah pembahasan singkat dari saya tentang laman contact us. Semoga kamu paham. Nah, sekarang saya akan memberikan tutorial Cara Membuat Laman Contact Us Untuk Blogger

Cara Membuat Laman Contact Us Untuk Blogger
Berikut ini adalah langkah - langkah cara membuat laman contact us. Simak dengan baik ya sobat Rizki Skip.
➠ Langkah pertama kamu copy atau salin kode dibawah

<br />
<form id="kontak-arlina" name="contact-form">
<input id="ContactForm1_contact-form-name" name="name" placeholder="Name *" size="30" type="text" value="" />

<input id="ContactForm1_contact-form-email" name="email" placeholder="Email *" size="30" type="text" value="" />

<textarea cols="25" id="ContactForm1_contact-form-email-message" name="email-message" placeholder="Message *" rows="5"></textarea> 

<input id="ContactForm1_contact-form-submit" type="button" value="Send Message" />  

<br />
<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>
<style scoped="" type="text/css">

#comments,.post_meta,#blog-pager{display:none}

form{color:#666}

form.payforpal{margin:auto;text-align:center}

#kontak-arlina{margin:auto;max-width:640px}

#ContactForm1_contact-form-name,#ContactForm1_contact-form-email{height:auto;margin:5px auto;padding:15px 12px;background:#fff;color:#444;border:1px solid rgba(0,0,0,.14);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);border-radius:3px;width:100%;min-width:100%;transition:all 0.5s ease-out}

#ContactForm1_contact-form-email-message{width:100%;height:175px;margin:5px 0;padding:15px 12px;background:#fff;color:#444;border:1px solid rgba(0,0,0,.14);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);border-radius:3px;resize:none;transition:all 0.5s ease-out}

#ContactForm1_contact-form-name:focus,#ContactForm1_contact-form-email:focus,#ContactForm1_contact-form-email-message:focus{outline:none;background:#fff;color:#444;border-color:#66afe9;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,0.6)}

#ContactForm1_contact-form-submit{float:left;background:#1abc9c;margin:auto;vertical-align:middle;cursor:pointer;padding:16px 20px;font-size:14px;text-align:center;letter-spacing:.5px;border:0;width:100%;border-radius:4px;color:#fff;font-weight:500;transition:all .2s ease}

#ContactForm1_contact-form-submit:hover{background:#16a085;color:#fff;}

#ContactForm1_contact-form-error-message,#ContactForm1_contact-form-success-message{width:100%;margin-top:35px}

.contact-form-error-message-with-border{background:#f47669;border:0;box-shadow:none;color:#fff;padding:5px 0;border-radius:3px}

.contact-form-success-message{background:#4fc3f7;border:0;box-shadow:none;color:#fff;border-radius:3px}

img.contact-form-cross{line-height:40px;margin-left:5px}

.post-body input{width:initial}

@media only screen and (max-width:640px){

#ContactForm1_contact-form-name, #ContactForm1_contact-form-email,#ContactForm1_contact-form-submit{width:100%;}}

</style>

<script type="text/javascript">

//<![CDATA[

if (window.jstiming) window.jstiming.load.tick('widgetJsBefore');

//]]>

</script>

<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'] = '5831797774698540610';BLOG_attachCsiOnload(''); }_WidgetManager._Init('//www.blogger.com/rearrange?blogIDx3d5109835364763401739

','//rizkiskip.blogspot.com/','8195687726878917251');

_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': '5831797774698540610', 'contactFormNameMsg': 'Name', 'contactFormEmailMsg': 'Email', 'contactFormMessageMsg': 'Message', 'contactFormSendMsg': 'Send', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull'));

//]]>

</script>

➠ Kemudian masuk kedashboard blogger kamu, lalu klik menu "Halaman" sebagaimana kamu membuat halaman baru. (jika masih bingung lihat gambar)
Gambar :

Gambar 2.0 Cara Membuat Laman Contact Us

➠ Langkah ketiga kamu klik "Halaman baru"
➠ Beri judul halaman baru kamu dengan nama Contact Us atau Contact Me atau nama yang lain, asalkan jangan tidak diberi nama.
➠ Lalu ubah mode "Compose" menjadi mode "HTML"
➠ Langkah selanjutnya, kamu pastekan semua kode yang kamu salin tadi.
➠ Ubah ID blog Rizki Skip "8195687726878917251" menjadi ID blog kamu.
➠ Setelah itu, ubah URL blog RizkiSkip menjadi URL blog kamu.
➠ Jika kamu masih ragu - ragu klik "Pratinjau" dan jika sudah klik "Publikasikan"
➠ Ini adalah contoh laman Contact Us RizkiSkip https://rizkiskip.blogspot.com/p/contact-me.html
Gambar :

Gambar 3.0 Cara Membuat Laman Contact Us

Bagaimana tutorial Cara Membuat Contact Us? Cukup mudah bukan? Jika kamu mengikuti langkah - langkah diatas dengan benar pasti akan berhasil. Selamat mencoba dan semoga bemanfaat

-Rizki Ramadhan-