Cara Membuat Contact Us di Blog


Tips Blogerku-Contact us sebenarnya merupakan kewajiban bagi setiap Blogger.

Terkecuali jika seorang blogger tidak ingin di ganggu dengan email yang masuk melalui formulir kontak, tapi apakah ada seperti itu ?

Kemungkinan hanya blogger yang baru saja yang tidak memiliki formulir kontak email di blognya.

Alasannya sederhana, mungkin belum paham atau memang tidak mengerti bagaimana cara membuat, memasang dan apa fungsinya.

Padahal Contact Us ini sangat berpengaruh besar untuk mengembangkan web atau blog anda.


Apa Manfaat dari Contact Us ?


Contact us berguna untuk memberikan kemudahan akses kepada pembaca untuk melakukan interaksi secara pribadi kepada pemilik web atau blog.

Biasanya Halaman ini digunakan jika pengunjung tidak ingin melakukan percakapan melalui kotak komentar, maka memilih alternatif dengan cara menuliskan pesan ke contact us.

Contact us ini akan secara langsung masuk ke email yang punya web atau blog jika seseorang mengirimkan email melalui halaman atau sidebar contact ( Tergantung cara memasangnya)


Baca Juga :
Cara Mudah Membuat Disclaimer, Privacy Policy Blog 2020 Untuk Memenuhi Adsense
CARA PASANG IKLAN AdMob Banner Di Blog


Bagaimana cara membuat contact us, yuk ikutin caranya :


1. Log in ke Blogger

2. Masuk ke dasboard bloger anda dan cari Page/halaman

3. Kemudian cari New Page/Halaman baru



4. setelah terbuka new page/halaman baru isi Judul Page/halaman




5. Selanjutnya Klik HTML ( Bukan Compose ya), Lalu Copy paste kode contact us di bawah ini kedalamnya.

Silahkan Hubungi Kami disini<br /><br /><form id="kontak-dewaplokis" name="contact-form"><input id="ContactForm1_contact-form-name" name="name" placeholder="Name *" size="30" type="text" value="" /><br /><br /><input id="ContactForm1_contact-form-email" name="email" placeholder="Email *" size="30" type="text" value="" /><br /><br /><textarea cols="25" id="ContactForm1_contact-form-email-message" name="email-message" placeholder="Message *" rows="5"></textarea><br /><br /><input id="ContactForm1_contact-form-submit" type="button" value="Send Message" /><br /><br /><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><style scoped="" type="text/css">#comments,.post_meta,#blog-pager{display:none}

#main-wrapper{width:100%;padding:0}

form{color:#666}

#sidebar-wrapper{display:none}

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

#ContactForm1_contact-form-name,#ContactForm1_contact-form-email{height:auto;margin:0 auto;padding:10px;background:#dedede;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:96.8%;max-width:100%;transition:all 0.5s ease-out}

#ContactForm1_contact-form-email-message{width:100%;height:175px;margin:5px 0;padding:15px 12px;background:#dedede;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:#34495e;margin:auto;max-width:140px;vertical-align:middle;cursor:pointer;padding:15px;font-size:15px;text-align:center;letter-spacing:.5px;border:0;width:100%;border-radius:3px;color:#fff;font-weight:500;transition:all .8s ease}

#ContactForm1_contact-form-submit:hover{background:#3498db;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:94.5%}}

</style><br /><br /><script type="text/javascript">//<![CDATA[if (window.jstiming) window.jstiming.load.tick('widgetJsBefore');//]]></script><br /><br /><script src="https://www.blogger.com/static/v1/widgets/2271878333-widgets.js" type="text/javascript"></script>



Ubah Silahkan Hubungi Kami disini, sesuai keinginan anda.

6. Setelah selesai membuat Page atau halamannya kemudian Publikasikan dan Copy pastekan alamat Link contact us untuk di simpan di Header,Footer atau sidebar dimana anda menyimpan atau membuat navigasinya.

7. Selesai

Semoga bermanfaat bagi anda yang membutuhkannya, bagaimana cara membuat contact us.

Aamiin.

Post a Comment

0 Comments