2 Cara Membuat Halaman Contact di Blog Terbaru
Cara membuat Contact US, contact form, kontak kami, hubungi kami di halaman statis Blog
Contact US atau Kontak Kami adalah suatu layanan pada blog maupun website yang tentunya dapat membantu para pengunjung suatu blog atau website yang dimana untuk para pembaca yang ingin berkomunikasi secara langsung dengan pemilik atau penulis melalui pesan email atau surat elektronik melalui formulir kontak yang telah di sediakan, dengan menggunakan layanan ini para pengunjung bisa berkomunikasi tentang segalah sesuatu yang ingin mereka ketahui.
Formulir kontak adalah hal yang wajib ada pada sebuah website/blog, karena banyak sekali manfaat nantinya, jika teman-teman memiliki website/blog maka teman-teman harus memasang form kontak di blog/website kalian, saya akan memberikan tutorial cara membuat formulir kontak di blog/website bagi kalian yang belum memasang atau memiliki form contact di situs nya, tapi seandainya di situs kalian sudah terdapat form kontak, teman-teman tak perlu memasangnya lagi.
Kang Fatian akan memberikan tutorial membuat form konntak dengan 2 cara:
1. Cara pertama membuat form kontak dengan script yang sudah kang fatian sediakan di bawah nanti.
2. Cara kedua memalui layanan online atau tool online untuk membuat contak form dan teman-teman bisa mengaturnya sesuai selera kalian.
tapi, sebelum ke tutorial nya ada beberapa keuntungan yang perlu kalian ketahui jika memasang form kontak di situs, seperti di bawah ini.
Beberapa Keuntungan jika menggunakan form kontak:
- Pengunjung dapat menyampaikan pertanyaan secara langsung sesuai topik yang di tulis di salah satu artikel di situs-blog.
- Pengunjung juga dapat memberi kritik dan saran agar secara tidak langsung akan membuat penulis menyadari bahwa apa yang di tulisnya memiliki hal yang perlu melakukan perubahan, ini dapat membantu mengembangkan blog yang masih baru sehingga membuat pengunjung merasa nyaman membaca di blog tersebut.
- Untuk Bisnis, jika seandainya sebuah blog atau website menarik, maka akan banyak pengiklan yang mau mengiklankan produk nya dan menghubungi kita melalui form kontak.
Setelah teman-teman membaca beberapa keuntungan jika memiliki form Kontak, kini saatnya saya memberikan tutorial cara membuat form Kontak di blog.
Cara membuat Halaman Contact Secara Manual
1. Pertama Masuk ke Blogger dan pilih Blog yang ingin teman-teman pasang formulir kontak.
2. Pilih Menu Halaman/Pages, kemudian pilih Laman Baru.
3. Beri judul halaman, misalnya Hubungi Kami, Kontak kami, Contact, atau Contact Us.
4. Pilih mode HTML, jangan compose. Lalu Copy dan paste kan script dibawah ini.
<script>
var blogId = '1812345584596194888';
var contactFormMessageSendingMsg ='Mengirim...';
var contactFormMessageSentMsg = 'Pesan Anda sudah dikirimkan.';
var contactFormMessageNotSentMsg = 'Pesan tidak dapat dikirim. Coba lagi nanti.';
var contactFormEmptyMessageMsg = 'Bidang pesan harus diisi.';
var contactFormInvalidEmailMsg = 'Alamat email harus valid.'
var widgetLoaded=false;
function sendEmailMsg() {
if(widgetLoaded== false) {
_WidgetManager._RegisterWidget('_ContactFormView', new _WidgetInfo('ContactForm1', 'sidebar', null, document.getElementById('ContactForm1'), {'contactFormMessageSendingMsg': contactFormMessageSendingMsg , 'contactFormMessageSentMsg': contactFormMessageSentMsg , 'contactFormMessageNotSentMsg': contactFormMessageNotSentMsg , 'contactFormInvalidEmailMsg': contactFormInvalidEmailMsg , 'contactFormEmptyMessageMsg': contactFormEmptyMessageMsg , 'title': 'Contact Form', 'blogId': blogId, 'contactFormNameMsg': 'Name', 'contactFormEmailMsg': 'Email', 'contactFormMessageMsg': 'Message', 'contactFormSendMsg': 'Send', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull'));
widgetLoaded=true;
document.getElementById('ContactForm1_contact-form-submit').click();
}
return true;
}
</script>
<div class="Form">
<form name="contact-form">
<p></p>
Nama
<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>
Pesan
<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="Kirim" />
<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>Ganti kode yang saya beri warna Merah dengan ID blog milik kalian.
Setelah diganti dengan ID blog milik kalian Lalu Klik PUBLIKASIKAN.
Selesai.
catatan: untuk mengetahui ID blog milik teman-teman, kalian bisa lihat di Dashboard Blog milik kalian dan lihat pada kolom address bar terdapat alamat URL dan ID blog kalian.
baca juga:
Cara membuat Readmore otomatis di blog terbaru
Cara memasang iklan in Feed Adsense di blog
Cara menghilangkan gambar obeng dan tang di blog
Cara membuat Halaman Contact secara Online
Masuk atau ketik 123ContactForm.com pada mesin pencari google.
Pada tampilan baru, klik tombol hijau "SIGN UP FOR FREE".
Setelah Anda klik maka akan terbuka tampilan baru, lalu kalian pilih " BASIC FREE", kemudian sentuh "SIGN UP".
Isi formulir pendaftaran yang disediakan.
No.1,isi dengan alamat email yang ingin digunakan sebagai tempat menerima kritik dan saran dari pengunjung, ataupun mengirim pesan elektronik balasan ke pengunjung, email tersebut bisa berupa @gmail.com,@yahoo.com ataupun jenis email yang lainnya.
No.2,isi dengan pasworrd yang anda inginkan, gunakan kombinasi huruf dan angka agar pasworrd anda sulit di tebak.
No.3,masukan ulang sandi yang telah anda buat tadi di poin no.2,selanjutnya sentuh tombol biru "SIGN UP".
Memilih layanan yang disediakan untuk digunakan, pilih form Kontak Kami yang berada di sebelah kiri.
selanjutnya anda sentuh tombol hijau "publish form".
Copy code script HTML kemudian paste ke halaman statis blogger. com.
Untuk paste di dalam blog, caranya sama dengan cara yang pertama tadi, anda harus membuat halaman baru dengan cara.
masuk ke dasbord situs blogger anda.
lalu pilih "laman baru", buat halaman baru dan pilih mode HTML bukan Compose,
selanjutnya paste/tempel script HTML yang kalian buat tadi.
kemudian berikan judul seperti " KONTAK KAMI ".
Selesai
baca juga:
cara mendapatkan uang dari facebook terbaru
kumpulan ide bisnis online terbaru untuk anak muda
13 peluang usaha Rumahan Modal kecil
Cukup mudah bukan cara membuat formulir kontak di situs web kita, itulah tadi cara membuat contact us pada halaman statis blog, semoga bisa berguna dan bermanfaat bagi teman-teman yang ingin memasang form Contact di situs web kalian.