aaaaa
Cara Terbaru Membuat Contact Us Di Blogger

Cara Terbaru Membuat Contact Us Di Blogger

Cara Terbaru Membuat Contact Us Di Blogger dengan adanya contact us blogger keren diblogger maka untuk membuat contact us pada halaman statis blogger diartikel kali ini akan dibahas dan dirangkum untuk anda yang masih baru membuat suatu blog.
Keberadaan Contact us blogger pada halaman statis akan membuat pengunjung menghubungi anda melalui email dengan memakai contact us untuk menanyakan atau biasa hubungi kami pada bagian footer atau bagian atas di blog ketika dikunjungi.
Secara umum contact us di blogger biasanya memiliki fitur berupa email,pesan sampe alamat pemilik situs tergantung dari berbagai macam fitur yang ditampilkan untuk mempermudah menghubungi pemilik untuk berkomunikasi agar bisa mendapatkan suatu penyelesaian atau apapun itu.
Pada artikel kali ini akan dibahas tutorial yaitu cara membuat contact us atau contact from for blogger diblogspot untuk memasang contact us pada halaman statis diblog berikut langkah-langkah.
1. Login gmail anda
2. Pada menu pages ( Laman ) Kemudian pilih laman baru
3. Buat judul laman. biasanya nama laman yang sering dipakai contact us,contact me,hubungi kami dan bisa sesuai dengan selera anda.
4. Pada pensil sebelah kiri dilayar lalu ada dua pilihan yaitu Tampilan HTML atau Tampilan Menulis, silahkan memilih Tampilan HTML. Sebagai contoh seperti gambar berikut ini.
Tampilan HTML atau Tampilan Menulis
Tampilan HTML atau Tampilan Menulis
5. Selanjutnya ialah salin kode script dibawah ini pada tampilan html
<div class=”Form”>
<form name=”contact-form”>
<p></p>
Name
<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>
Message
<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=”Send” />
<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>
<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’] = ‘xxxxxxxxxxxxxxxxx’;BLOG_attachCsiOnload(”); }_WidgetManager._Init(‘//www.blogger.com/rearrange?blogIDx3dxxxxxxxxxxxxxxxxx’,’//namawebanda.blogspot.com/’,’xxxxxxxxxxxxxxxxx’);
_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’: ‘xxxxxxxxxxxxxxxxx’, ‘contactFormNameMsg’: ‘Name’, ‘contactFormEmailMsg’: ‘Email’, ‘contactFormMessageMsg’: ‘Message’, ‘contactFormSendMsg’: ‘Send’, ‘submitUrl’: ‘https://www.blogger.com/contact-form.do’}, ‘displayModeFull’));
//]]>
</script>
6. silahkan disimpan dan lihat hasilnya.
Note :
Pada bagian kode script di atas seperti xxxxxxxxxxxxxxxxx yang kalian isi adalah ID Blog anda dan untuk bagian kode script diatas seperti  namawebanda.blogspot.com kalian cukup pasang alamat blog anda.
Demikianlah artikel saya yang membahas Cara Terbaru Membuat Contact Us Di Blogger semoga bisa membantu dan bermanfaat untuk anda. sekian dan terimakasih.

Leave a Reply

Your email address will not be published. Required fields are marked *