Mr Ell Kumpulan Berita dan Informasi dari berbagai sumber yang terpercaya
Cara Membuat Laman Contact Us – Posting ini akan menunjukkan cara membuat halaman contact us dengan formulir untuk blog Blogger Anda dalam satu klik. Anda harus menyalin dan menempelkan kode HTML ke halaman contact us di blog Blogger Anda. Tidak diperlukan pengkodean; solusi sederhana dan langsung untuk halaman contact us.
Halaman contact us sangat penting untuk berkomunikasi dengan pengunjung situs web. Pengguna dapat mengirimkan permintaan, keraguan, komentar, atau pertanyaan melalui formulir contact us di situs web atau melalui informasi kontak yang diberikan di halaman.
Cara Membuat Laman Contact Us di Blogger
Halaman kontak adalah metode komunikasi utama untuk pembaca blog Anda, iklan, sponsor, atau seseorang dengan pertanyaan umum.
BlogSpot (Blogger) adalah pilihan yang sangat baik untuk pemula yang ingin mempelajari dasar-dasar blogging dan cara kerjanya.
Pengguna BlogSpot dapat menyertakan formulir kontak di widget mereka, tetapi tidak di halaman mereka. Ini adalah kesulitan bagi pendatang baru.
AdSense, serta sebagian besar jaringan iklan dan pasar afiliasi berkualitas tinggi lainnya, tidak akan menyetujui permohonan Anda kecuali Anda memiliki halaman tentang, kontak, dan kebijakan privasi.
Oleh karena itu, pastikan bahwa Anda membangun halaman ini segera setelah Anda memulai blog Anda.
Saya akan memandu Anda melalui proses membuat halaman hubungi kami dan menambahkan formulir kontak ke blog BlogSpot Anda dalam tutorial ini. Saya akan menunjukkan dua metode yang berbeda dan sederhana untuk mencapai ini; Anda akan memiliki pilihan.
Cara pertama melibatkan penggunaan alat pihak ketiga, sedangkan cara kedua melibatkan penggunaan gadget resmi Blogger “hubungi kami”. Anda dapat memilih apa saja.
Metode Pertama — Menggunakan 123FormBuilder
Ini adalah alat pilihan saya untuk membuat bentuk dan ukuran apa pun untuk situs web non-WordPress.
123FormBuilder (sebelumnya 123 ContactFormBuilder) adalah aplikasi berbasis cloud yang memungkinkan Anda dengan mudah membuat semua jenis formulir web, mengelola alur kerja, dan mengumpulkan data.
Ia bekerja dengan sistem manajemen konten (CMS), termasuk BlogSpot dan WordPress.
- Kunjungi 123FormBuilder.com dan daftar untuk mendapatkan akun gratis.
- Dari Dasbor Anda, Klik Panah Di Sebelah Tombol Buat Formulir Baru. Pilih Formulir kontak & Formulir prospek dari menu tarik-turun.
- Di Halaman Kedua, Akan Muncul Formulir Kontak Siap Pakai. Dengan mengklik tombol bidang, Anda dapat menambahkan bidang lain yang Anda inginkan.
- Simpan dan publikasikan perubahan Anda dengan mengklik tombol simpan dan publikasikan.
- Ambil salinan kode javascript yang ditampilkan di layar. (Ctrl + C)
- Arahkan ke dasbor blog Blogger Anda dan klik tombol tambahkan halaman baru. Halaman ini harus berjudul “Hubungi Kami.”
- Pilih tombol editor format HTML dan rekatkan kode di sini (CTRL + V untuk menempel) sebelum mengklik terbitkan.
- Formulir kontak blog Anda sekarang online.
Metode 2 – Menyesuaikan Gadget “Hubungi Kami” Blogger
Meskipun area Widget Blogger mencakup gadget resmi hubungi kami, Anda tidak diizinkan untuk menggunakannya di halaman mana pun. Itu hanya diakses melalui bilah sisi. Untuk mengadaptasinya untuk digunakan pada halaman, ikuti tutorial di bawah ini.
- Arahkan ke tab tata letak di dasbor Blogger Anda
- Klik tanda plus untuk menambahkan perangkat baru.
- Dari menu, pilih gadget hubungi kami dan klik tombol tambah. Hapus tanda centang dari opsi yang terlihat dan simpan gadget.
- Tambahkan halaman baru ke blog Anda di Langkah 4. Halaman ini harus diberi judul “Hubungi Kami”. Salin dan tempel kode formulir kontak HTML berikut ke dalam editor HTML halaman ini:
<div id="custom_ContactUsFromForBlogSpotBlogger" class="widget ContactForm">
<div class="contact-form-widget">
<p>Please fill in the form below to get in touch with us.</p>
<div class="form">
<form name="contact-form">
<p></p>
Your Name
<br>
<input type="text" value="" size="30" name="name" id="ContactForm1_contact-form-name" class="contact-form-name">
<p></p>
Your Email
<span style="font-weight: bolder;">*</span>
<br>
<input type="text" value="" size="30" name="email" id="ContactForm1_contact-form-email" class="contact-form-email">
<p></p>
Your Message
<span style="font-weight: bolder;">*</span>
<br>
<textarea rows="5" name="email-message" id="ContactForm1_contact-form-email-message" cols="25" class="contact-form-email-message"></textarea>
<p></p>
<input type="button" value="Send" id="ContactForm1_contact-form-submit" class="contact-form-button contact-form-button-submit">
<p></p>
<div style="text-align: center; max-width: 222px; width: 100%">
<p id="ContactForm1_contact-form-error-message" class="contact-form-error-message"></p>
<p id="ContactForm1_contact-form-success-message" class="contact-form-success-message"></p>
</div>
</form>
</div>
</div>
<div class="clear"></div>
<span class="widget-item-control">
<span class="item-control blog-admin">
<a title="Edit" target="configContactForm1" onclick="return _WidgetManager._PopupConfig(document.getElementById("ContactForm1"));" href="//www.blogger.com/rearrange?blogID=84427382819377482&widgetType=ContactForm&widgetId=ContactForm1&action=editWidget§ionId=sidebar-right-1" class="quickedit">
<img width="18" height="18" src="//img1.blogblog.com/img/icon18_wrench_allbkg.png" alt="">
</a>
</span>
</span>
<div class="clear"></div>
</div>Penting – Pastikan Anda mengganti BlogID pada baris 33 kode di atas dengan ID asli untuk blog Anda. BlogID BlogSpot Anda dapat ditemukan dengan menavigasi ke dasbor blog BlogSpot Anda dan memeriksa URL Anda di bilah alamat browser. Untuk referensi, inilah tampilannya:
Nonaktifkan komentar di halaman hubungi kami dan pastikan dapat diakses dengan jelas melalui menu Anda.
Selamat! – Halaman kontak Anda telah diaktifkan. Lihatlah formulir kontak Anda dan jalankan melalui langkahnya untuk pertama kalinya.
Saya harap Anda menemukan tutorial ini bermanfaat. Selain itu, Anda mungkin tertarik untuk mempelajari tentang ekstensi chrome terbaik untuk blogger dan alat blogging terbaik. Bagikan artikel ini untuk membantu orang lain dan tinggalkan komentar di bawah dengan ide-ide Anda.
Mungkin Anda juga membutuhkan informasi berikut ini :