Cara Membuat Contact Us di Blogger Dengan Mudah

Cara Membuat Contact Us Di Blogger Dengan Mudah

Flukutu.comCara Membuat Contact Us di Blogger, Contac Us punya nama lain yg sering disebut oleh para blogger, ada yg menyebutnya contact form, hubungi kami & bahkan ada yg menyebutnya kotak saran. Apapun perihal itu sebutannya halaman / widget ini sangat penting agar pengunjung mampu mengubungi pemilik blog.

Halaman Contact Us merupakan salah 1 halaman yg wajib ada terhadap suatu blog / web. Adanya contact us bakal mempermudah pengunjung buat menghubungi kami sebagai pemilik blog, mampu saja pengunjung ingin mengajak kerja sama / hanya sekedar ingin bertanya.

Keuntungan Membuat Cotact Us terhadap Blog

Akan senantiasa ada blogger baru muncul setiap harinya, dikarenakan banyak orang yg suka menulis & membagikan inspirasi melalui blog. Nah, pasti ada saja blogger pemula yg tak memperdulikan buat mengakibatkan halaman kontak diblognya.

Berikut merupakan alasan kenapa kamu harus mengakibatkan contact us terhadap blog:

. Praktis & Aman

Dibandingkan bersama memberikan keterangan kontak bersifat no hp, akun sosial tempat / alamat email bersama cara langsung, berdasarkan aku kian aman mengfungsikan formulir kontak. Lebih aman & praktis dikarenakan blogger sendiri udah menyediakan fitur widget formulir kontak.

. Lebih Profesional

Seperti yg kami ketahui komunikasi melalui email dalam urusan pekerjaan bakal kian profesional. Nah contac us pun begitu, pesan yg dikirim oleh pengunjung bakal masuk ke email akun blogger kamu.

. Mudah diterima & menerima Layanan Iklan

Sebagai blogger kami pasti berpikir buat mendapatkan penghasilan terhadap blog yg telah dibuat. Menurut pengalaman saya, bersama memasang halaman contac us bakal mempermudah kami buat mendapatkan tawaran iklan / kerja sama lainnya. Dan harus kamu ketahui bahwa halaman contact us mampu mempermudah pengajuan sementara blog kami didaftarkan ke Google Adsense.

Cara Membuat Contact Us Keren di Bloggger

Cara Membuat Contact Us di Blogger Dengan Mudah

Untuk membuat form contact us seperti gambar diatas sangatlah mudah , tidak sampai satu menit langsung jadi. Berikut langkah-langkah membuat form contact us di blogger :

1. Pertama-tama silahkan masuk ke dashboard Blogger.com

2. Selanjutnya masuk kebagian Halaman / Page.

3. Buat halaman baru dengan judul ” Contact Us” atau “Contact”.

4. Masuk kemode HTML, lalu pastekan code dibawah ini :

<form name="contact-form">Nama <br />
<input id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" /><br />
<br />
Email <span style="color: #f56954; font-size: x-small; font-weight: bold;">important</span> <br />
<input id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" /><br />
<br />
Isi Pesan <span style="color: #f56954; font-size: x-small; font-weight: bold;">important</span><br />
<textarea cols="25" id="ContactForm1_contact-form-email-message" name="email-message" rows="5"></textarea> <br />
<input id="ContactForm1_contact-form-submit" type="button" value="Send" />  <br />
<div style="max-width: 222px; 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" type="text/javascript"></script><br />
<script type="text/javascript">
//<![CDATA[
if (typeof(BLOG_attachCsiOnload) != 'undefined' && BLOG_attachCsiOnload != null) { window['blogger_templates_experiment_id'] = "templatesV1";window['blogger_blog_id'] = '2261232123805387757';BLOG_attachCsiOnload(''); }_WidgetManager._Init('//www.blogger.com/rearrange?blogIDx3d2261232123805387757','//www.flukutu.com/','2261232123805387757');
_WidgetManager._RegisterWidget('_ContactFormView', new _WidgetInfo('ContactForm1', 'sidebar3', 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': '2261232123805387757', 'contactFormNameMsg': 'Name', 'contactFormEmailMsg': 'Email', 'contactFormMessageMsg': 'Message', 'contactFormSendMsg': 'Send', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull'));
//]]>
</script><br />
<style scoped="" type="text/css">
#comments {display:none;}
#ContactForm1_contact-form-name, #ContactForm1_contact-form-email{
height:auto;margin:5px auto;padding:10px;background:#fafafa;color:#444;border:1px solid #ccc;border-radius:3px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;transition:all 0.5s ease-out;}
#ContactForm1_contact-form-email-message{width:100%;height:175px;margin:5px 0;padding:10px;background:#fafafa;color:#444;border:1px solid #ccc;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:rgba(81,203,238,1);box-shadow:0 0 5px rgba(81,203,238,0.7);}
#ContactForm1_contact-form-submit{float:left;background:#3182d9;color:#fff;margin:10px auto;vertical-align:middle;cursor:pointer;padding:10px 18px!important;font-weight:700;font-size:14px;text-align:center;text-transform:uppercase;letter-spacing:.5px;border-radius:4px;border:0;transition:all .8s ease}
#ContactForm1_contact-form-submit:hover {background:#3a3a3a;color:#fff;}
#ContactForm1_contact-form-error-message, #ContactForm1_contact-form-success-message{width:100%;margin-top:35px;}
.contact-form-error-message-with-border {background:#f6f6f6;border:none;box-shadow:none;color:#444;padding:5px 0;}
.contact-form-success-message {background:#4fc3f7;border:none;box-shadow:none;color:#fff;}
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>

5. Terakhir Simpan.

Catatan: 2261232123805387757 diganti ID blog anda.
flukutu.com diganti alamat situs anda

Demikianlah artikel kali ini tentang Cara Membuat Contact Us di Blogger Dengan Mudah, semoga dapat bermanfaat.