Himang
("Semoga Kasih Tuhan BesertaMU")
Oke Lanjut Artikel…
Form Contact Us merupakan pilihan lain bagi pengunjung blog yang ingin berkomunikasi secara privasi melalui pesan pribadi kepada penulis.
Bisa berkomunikasi tentang hal-hal yang ingin diketahui atau semacamnya.
Form Contact Us ini memiliki beberapa nama berbeda, ada yang menyebutnya sebagai kotak saran, kontak kami dan sebagainya. Di himang, saya membuatnya contact kenapa sesingkat itu karena blog ini blog pribadi/ blog personal.
Fungsi menggunakan form ini/ contact us :
-Pengunjung dapat menyampaikan pertanyaan dengan topik dari salah satu artikel di blog anda dan jika anda dapat menjawab pertanyaan tersebut maka pengunjung akan merasa senang karena pertanyaannya dijawab dan mungkin pengunjung tersebut akan sering mengunjungi blog Anda.
-Pengunjung juga dapat memberi kritik dan saran dimana secara tidak lansung akan membuat Anda mengembangkan blog agar dapat lebih baik lagi demi kenyamanan pengunjung.
-Layanan contact person ini juga salah satu yang harus blog Anda miliki jika ingin di setujui oleh Google AdSense.
Walau terdapat keuntungan, menggunakan form ini juga memiliki kekurangan. Salah satunya, penyalahgunaan oleh pengunjung yang kadang iseng mengirim pesan tak penting, tidak jelas, ataupun pesan yang dapat membuat Anda marah. Tapi itu hanya beberapa orang saja yang melakukan itu.
Saya juga akan membagikan script html untuk membuat form contact dibawah.
Buat contact Blogger
Login Ke Blogger>
Buat Postingan Baru Di Menu Halaman>
Tambahkan Semua Kode/Script Dibawah Ini Dalam Postingan Tab Html.
Note:
Bukan Di Compose Tapi Tab HTML
<form name="contact-form">
<div class="formcolumn1">
<input id="ContactForm1_contact-form-name" name="name" placeholder="Name"
size="30" type="text" value="" /></div>
<div class="formcolumn2">
<input id="ContactForm1_contact-form-email" name="email" placeholder="Email"
size="30" type="text" value="" /></div>
<div class="formcolumn3">
<textarea cols="25" id="ContactForm1_contact-form-email-message"
name="email-message" placeholder="Message" rows="7"></textarea></div>
<div class="formcolumn4">
<input class="ripplelink" id="ContactForm1_contact-form-submit" type="button"
value="Send Now" /></div>
<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">#ContactForm1,#comments{display:none}
#ContactForm1_contact-form-name,#ContactForm1_contact-form-email{font-family:
'Poppins';display:inline-block;width:100%;height:auto;margin:10px
auto;padding:14px;background:#f7f7f7;color:#111;border:1px solid transparent}
#ContactForm1_contact-form-email-message{font-family:'Poppins';width:100%;
height:250px;margin:10px auto;padding:14px;background:#f7f7f7;color:#111;border:1px
solid transparent}
#ContactForm1_contact-form-name:focus,#ContactForm1_contact-form-email:focus,
#ContactForm1_contact-form-email-message:focus{background:#fff;outline:none;
border-color:rgba(0,0,0,0.1)}
#ContactForm1_contact-form-submit{background:#fff;color:#5f6368;font-size:16px;
width:161px;height:45px;float:left;padding:0 0 0 20px;margin:10px 0 3px 5px;
cursor:pointer;border:none;border-radius:24px;
box-shadow:0 1px 2px 0 rgba(60,64,67,0.302),0 1px 3px 1px rgba(60,64,67,0.149);
transition:box-shadow .08s linear,min-width .15s cubic-bezier(0.4,0.0,0.2,1)}
.formcolumn4{position:relative}
.formcolumn4:before{background-image:url
(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiN6kF41pGZIw48VrZpsHftRFQfmSvBDC3K1m-e1h9JuE_enGn9LAwU0xBx-rxkLmv0wGqj0FQqlZSfsdtR03Wce0OQR0Y1p-2nHJbqgqWyCLgr9p_mkj1w_-zUNfeHOYibcLScW8gNDqP/s1600/mailme.png);background-position:center;background-repeat:no-repeat;background-size:20px;content:'';display:block;height:63px;width:32px;position:absolute;z-index:1;left:15px;top:0} #ContactForm1_contact-form-submit:hover{background:#fafafb;box-shadow:0 1px 3px 0 rgba(60,64,67,0.302),0 4px 8px 3px rgba(60,64,67,0.149)} #ContactForm1_contact-form-error-message,#ContactForm1_contact-form-success-message{margin-top:35px} form{color:#888} .formcolumn1,.formcolumn2{float:left;width:50%} .formcolumn1,.formcolumn2{margin:0 0 10px 0;padding:0 10px 0 0} .formcolumn2{padding:0 0 0 10px} @media only screen and (max-width:768px){.formcolumn1,.formcolumn2{width:100%;padding:0}} </style>
<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'] = '1234567890';BLOG_attachCsiOnload(''); }_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d1234567890','https://namablog.blogspot.com','1234567890'); _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': '1234567890', 'contactFormNameMsg': 'Name', 'contactFormEmailMsg': 'Email', 'contactFormMessageMsg': 'Message', 'contactFormSendMsg': 'Send', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull')); //]]></script>
No comments