Tips Cara Membuat Page/Halaman Kontak Blogger Tanpa Widget Contact Form

contact form

Bagaimana kabar kalian?, semoga sehat selalu yah, oke saya dengan blog miripgeeks akan membagikan trik cara membuat halaman kontak dengan page dan tanpa widget, kelebihannya mengurangi widget sehingga blog milik kamu nyaman di pandang dan sangat simpel dan caranya mudah, trik dan script yang saya gunakan dapat dari blog orang luar bloggerplugins dengan cara ini kita tidak perlu edit html sana sini, cocok untuk pemula yang kurang paham html seperti saya, langsung saja tutorialnya, cek di bawah :

1. buatlah widget contact form

hal ini bertujuan untuk test apakah contact form bekerja dengan baik dan masuk ke email kamu, dan ini sangat penting jika blog kamu banyak di kunjungi orang dan ada email tapi nyasar karena kesalahan. (cara ini opsional saja jika kamu yakin email terkirim ke alamt email kamu lewati cara ini, dan jangan lupa hapus widget contact form).

2. cari unique id blog

caranya kamu hanya perlu ke dashboard blogger dan lihat url disana ada blogID=119191991 misalnya maka copy dulu nomor unik blog kamu tersebut, hal ini dilakukan agar script kontak ini bekerja.

seperti gambar di bawah ini :

cara membuat halaman kontak tanpa widget contact form

3. buat page baru

buatlah page/halaman baru dan beri nama contact, jika sudah ada page atau halaman dengan nama contact, kamu hanya perlu edit dan menggantinya dengan script, cara membuatnya seperti gambar di bawah ini.

cara membuat halaman kontak tanpa widget contact form

4. mode html

pilih lah mode html bukan compose, dan ganti nomor yang di blok berwarna biru dengan kode unique blogID yang di copy tadi, dan ikuti settingannya yang di tandai berwarna merah, copas kodenya di bawah ini :

<script>

var blogId = '8694494030520005341';//harap ganti kode berwarna merah dengan blogID kalian.
//The below message 5 Strings can also be edited

var contactFormMessageSentMsg = 'Your message has been sent.';
var contactFormMessageSendingMsg ='Sending...';

var contactFormEmptyMessageMsg ='Message field cannot be empty.';
var contactFormMessageNotSentMsg = 'Message could not be sent. Please try again later.';

if(widgetLoaded== false) {
var contactFormInvalidEmailMsg = 'A valid email is required.'

var widgetLoaded=false;
function sendEmailMsg() {

_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>
<form name='contact-form'>
<div>Your Name : </div>
<input class='contact-form-name' id='ContactForm1_contact-form-name' name='name' size='30' type='text' value=''/>
<div>Your Email: <em>(required)</em></div>
<input class='contact-form-email' id='ContactForm1_contact-form-email' name='email' size='30' type='text' value=''/>
<div>Your Message: <em>(required)</em></div>
<textarea class='contact-form-email-message' 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' type='button' value='Send' onclick="sendEmailMsg()"/>

</form>
<div style='text-align: center; max-width: 450px; 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>

lihat gambar untuk detailnya :

cara membuat halaman kontak tanpa widget contact form

5. save atau simpan jika sudah selesai

 halaman contact form pun sudah jadi, dan kamu bisa mengeceknya, selamat.

pertanyaan seputar contact form untuk blogger

Pertanyaan # 1: Mengapa saya harus menambahkan formulir kontak?

Menambahkan formulir kontak akan memudahkan bagi pembaca Anda untuk menghubungi Anda. Mereka tidak harus mengalami kesulitan dengan mencatat email anda, membuka aplikasi email seperti Gmail / Hotmail, menyusun dan mengirimkannya ke Anda. Sebaliknya mereka hanya bisa datang ke blog Anda, isi informasi yang diperlukan dalam formulir kontak dan hanya tekan kirim. Yang membuatnya begitu mudah bagi mereka. Ini juga berguna untuk admin blog karena mereka tidak perlu mengekspos alamat email mereka di blog Anda.

Pertanyaan # 2: Mengapa saya harus memindahkan formulir kontak ke halaman terpisah. Mengapa tidak memilikinya di sidebar?

Ini lebih dari pilihan pribadi. Hal lain yang perlu diperhatikan adalah bahwa, formulir kontak sidebar biasa saat ini tidak mendukung template mobile. Jadi jika Anda ingin formulir kontak untuk didukung pada template seluler juga, maka mungkin menjadi pilihan yang lebih baik untuk memindahkan formulir kontak blogger ke halaman terpisah.

Pertanyaan # 3: Bisakah kita menambahkan kolom kustom ke Blogger Kontak Form?

Anda mungkin telah melihat ini pada kebanyakan situs tutorial, tapi itu tidak mungkin untuk menambahkan kolom kustom ke Formulir kontak Blogger. Jika Anda paham dengan JavaScript dan HTML, Anda bisa menambahkan pada beberapa bidang yang lebih ke bentuk kontak dan kemudian diam-diam memformat isi bidang ini ke kolom pesan.

Pertanyaan # 4: Apakah bentuk kontak Blogger memiliki dampak positif atau negatif pada SEO

Tidak

Pertanyaan # 5: Apakah formulir kontak aman dari SPAM?

Sebagian besar ya.Blogger telah diurus cukup untuk mencegah otomatis spam komentar.

Pertanyaan # 6: Di mana pesan formulir kontak dikirimkan?

Sebagaimana dijelaskan dalam tutorial, akan dikirim ke alamat email dari semua administrator blog.

Pertanyaan # 7: Contact Form mengatakan bahwa pesan telah dikirim, tapi saya tidak menerimanya.

Ada beberapa laporan bahwa bahkan ketika bentuk kontak menampilkan sesuatu di sepanjang baris "Pesan Anda telah dikirim", pesan tidak bisa dikirim pada beberapa blog. Jika Anda mendapatkan jenis kesalahan, melaporkan hal yang sama ke Google. Tempat terbaik untuk menghubungi mereka akan menjadi Official Blogger Product Forums meskipun Anda harus melalui moderator komunitas Blogger yang dapat melaporkannya ke orang Blogger. Silakan beritahu kami juga dalam kasus kami akan dapat membantu.

source : bloggerplugins

MiripGeeks.