Cara Membuat Halaman Contact Us Terbaru di Blogger 2022

Contact Us. atau sering disebut juga Contact Form yang berfsungsi sebagai tempat untuk menghubungi pemilik situs maupun penulis blog/artikel pada sebuah website. Nah penting nggak sih fitur Contact Us ini, ? penting ! kalau menurut saya karena tanpa adanya fitur ini, para pengunjung akan kesusahan untuk menghubungi penulis atau pemilik situs. Bisa saya ada yang tertarik untuk kerja sama dengan situs atau blog kita tapi tidak tahu kemana menghubunginya dan mengurungkan rencana kerja sama tersebut kan nggak lucu :v.

Kenapa nggak nempelin nomor whatsapp aja bang? wah sesuatu yang berbau privasi seperti itu kalau menurut saya jangan bang karena kan kita nggak tau mungkin ada orang jail yang mau berbuat nggak baik. Dengan adanya fitur contact form ini pengunjung dapat menghubungi kita dan mereka tidak bisa melihat alamat email kita, pesan yang mereka sampai kan akan langsung masuk ke email kita.

Apa Keuntungan dari Fitur Contact Us. ?

Nah berikut ini adalah keuntungan yang diperoleh dari memasang fitur contact us ini :

Aman

Mengapa aman ? seperti yang saya sampaikan taddi daripada nomor whatsapp, email, no hp, fitur contact us ini lebih aman karena kita tidak membagikan privasi kita pada pengunjung situs.

Mudah Diterima Penyedia Iklan

Ada yang bilang fitur ini juga harus ada kalau kita ingin mendaftarkan blog atau situs kita ke penyedia iklan seperti adsense, dan penyedia iklan lainnya. tapi saya sendiri tidak begitu tau apakah itu benar atau tidak.

Cara Membuat Halaman Contact Us.

Sebenarnya blogger sendiri sudah menyediakan fitur ini di menu widget, akan tetapi akan memakan tempat apabila fitur ini berada di widget dan kurang rapi kalau menurut asaya. Nah sekarang saya akan membagikan cara membuat halaman contact us di blogger.

1. Tambahkan widget Formulir Kontak.

Pertama, Buka blogger kemudian pilih menu Tata Letak.
Tambahkan Tambahkan Widget di sidebar, dan pilih Formulir Kontak.
selesai

Selanjutnya kita akan membuat halaman contact us nya. maka kita sembunyikan dulu widget tadi. Widget ini tidak bisa disembunyikan melelui menu tata letak, Karena jika disembunyikan melalui fitur tata letak nanti halaman contact us nya tidak akan bekerja. Jadi kita sembunyikan secara manual caranya sebagai berikut.

2. Menyembunyikan Widget Formulir Kontak

Pertama, masuk ke menu Tema.
Kemudian, Pilih Edit HTML dan cari kode ini ]]></b:skin>
Jika sudah ketemu masukkan kode berikut di atas kode ]]></b:skin>


div#ContactForm1 {
display: none !important;
} 
Kemudian Simpan. dan selesai.
Nah setelah proses ini seharusnya widget formulir kontaknya sudah hilang dan tinggal kita masukkan lagi di halaman statis nya.

3. Membuat Halaman Contact Us.

    Untuk membuta halaman Contact  Us nya cukup mudah hanya tinggal membuat Halaman dan beri judul Contact Us.
    Kemudian hanya perlu memasukkan kode berikut ini. tapi sebelumnya ubah mode nya dahulu, dari mode menulis menjadi Tampilan HTML dan paste kan kode berikut.

<div class="contact-form-widget"> <form name="contact-form"> <span class="ctitles">Nama :</span> <input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" type="text" value="" /> <span class="ctitles">Alamat Email <span class="swajib">*</span> :</span> <input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" type="text" value="" /> <span class="ctitles">Isi Pesan <span class="swajib">*</span> :</span> <textarea class="contact-form-email-message" id="ContactForm1_contact-form-email-message" name="email-message" rows="10"></textarea> <input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" type="button" value="Kirim" /> <br /> <div class="contact-form-error-message" id="ContactForm1_contact-form-error-message"> </div> <div class="contact-form-success-message" id="ContactForm1_contact-form-success-message"> </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'] = 'BlogID';BLOG_attachCsiOnload(''); }_WidgetManager._Init('//www.blogger.com/rearrange?blogID\BlogID','//URLblog','BlogID');
_WidgetManager._RegisterWidget('_ContactFormView', new _WidgetInfo('ContactForm1', 'sidebar3', 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': 'BlogID', 'contactFormNameMsg': 'Name', 'contactFormEmailMsg': 'Email', 'contactFormMessageMsg': 'Message', 'contactFormSendMsg': 'Send', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull'));
//]]>
</script>


BlogID ubah dengan blog id masing-masing.
URLblog ubah dengan alamat blog masing-masing, contoh namblog21.blogspot.com

Apabila ada yang tidak tahu dimana kita bisa mendapatkan url blog kita, nah cara nya tinggal masuk ke dashboard blog masing masing, kemudian cek url nya di browser maka akan ada deretan angka seperti pada gambar.


nah angka yang ada di kotak merah itu adalah BlogID nya.
apabila sudah selesai, Publikasikan Halaman tersebut dan lihat hasilnya, 
untuk contohnya kalian bisa melihat halaman Contact Us yang ada pada blog ini, untuk tampilan nya akan otomatis menyesuaikan dengan tema blog kalian.

    Mungkin itu saja yang dapat saya bagikan dalam tutorial ini, Terimakasih telah membaca tutorial bagaimana Cara Membuat Halaman Contact Us Terbaru di Blogger 2022.
Sekian dan Terima Kasih.