CARA MEMBUAT FORM KIRIM EMAIL DI POSTINGAN BLOG

CARA MEMBUAT FORM KIRIM EMAIL DI POSTINGAN BLOG - Assalamualaikum Sahabat Shepty IeCha Blog! Bagaimana kabarnya hari ini? Alhamdulillah pasti luar biasa bukan? MasyaAllah tiada hentinya ucap syukur kepada Allah SWT karena pada hari ini diberikan kesehatan serta umur sehingga dapat membagikan tutorial cara membuat form kirim email di postingan blog. Tak lupa saya sampaikan terima kasih kepada teman-teman karena telah berkenan mengunjungi blog sederhana ini.

Membuat postingan dengan menyertakan kontak melalui email adalah hal yang sangat dibutuhkan oleh seorang blogger yang ingin visitornya menghubunginya melalui email secara pribadi. Biasanya blogger yang demikian menawarkan jasa atau menjual sebuah barang. Jika dalam postingan sudah tertera form kirim email maka akan memudahkan visitor untuk mengirim email kepada pusblisher sehingga visitor tidak perlu lagi mencatat alamat surelnya. Dengan demikian, peluang besar visitor akan menghubungi publisher.

Beberapa blogger khususnya saya sendiri awalnya bingung bagaimana cara membuat form kirim email di postingan blog, karena saya ingin dihubungi visitor saya lewat email. Saya pun mencari berbagai informasi cara membuat form kirim email dalam postingan blog. Dari berbagai sumber yang percayai cara membuat form kirim email di postingan blog ini semuanya sama yaitu dengan menggunakan kode HTML. Teman-teman penasaran bagaimana cara membuat form kirim email di postingan blog? Yuk simak caranya di bawah ini ya.

CARA MEMBUAT FORM KIRIM EMAIL DI POSTINGAN BLOG:

1. Buka blogger, kemudian buat postingan.

2. Ketik artikel yang akan dibuat. Selanjutnya tentukan letak form kirim email yang akan diletakkan. Setelah itu klik tanda pensil seperti yang dilingkari merah.

3. Pilih "Tampilan HTML".

4. Copy HTML di bawah ini kemudian pastekan pada bagian yang diinginkan.

Ini kode HTMLnya:

<script>

var blogId = '12345678901084890505';

var contactFormMessageSendingMsg ='Mengirim...';

var contactFormMessageSentMsg = 'Pesan sudah dikirim. Semoga Anda bahagia.';

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" id="ContactForm1_contact-form-name" name="name" size="30" style="max-width: 400px; width: 100%;" type="text" value="" />

<p></p>

Email

<span style="font-weight: bolder;">*</span><br />

<input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="30" style="max-width: 400px; width: 100%;" type="text" value="" />

<p></p>

No. WhatsApp

<span style="font-weight: bolder;">*</span><br />

<input class="contact-form-email" id="ContactForm1_contact-form-email" name="No. WhatsApp" size="30" style="max-width: 400px; width: 100%;" type="text" value="" />

<p></p>

Pesan

<span style="font-weight: bolder;">*</span>

<br />

<textarea class="contact-form-email-message" id="ContactForm1_contact-form-email-message" name="email-message" rows="5" style="max-width: 400px; width: 100%;"></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>

NB: Ganti Id Blog yang berwarna merah dengan Id blog teman-teman ya! Cara mengetahui ID blog silahkan baca DI SINI.

Contoh tampilan paste HTMLnya seperti gambar di bawah ini ya!

5. Setelah selesai, klik tanda "<>" seperti lingkar merah pada gambar di bawah ini.

6. Pilih "Tampilan Menulis".

7. Tampilan form kirim emailnya seperti pada gambar di bawah ini. Jika dirasa sudah sesuai teman-teman bisa lanjutkan ketik artikel kemudian publikasikan.

8. Form kirim email pun sudah tersedia dalam postingan teman-teman.

Bagaimana teman-teman? Mudah bukan? Ayo segera diaplikasikan ya. Alhamdulillah dengan mencoba satu persatu cara yang ada di internet ternyata saya bisa mengaplikasikannya serta dapat membagikan kepada teman-teman. Selamat mencoba ya teman-teman. Saya yakin teman-teman pasti bisa. Oh ya jangan lupa untuk like, komen, share dan subscribe media sosial admin Shepty IeCha di:

Youtube: Shepty IeCha
TikTok: sheptyiecha
IG: shepty_iecha
FP: Belajar Flanel dan Kerajinan by Shepty IeCha

Terima kasih teman-teman atas kunjungannya. Mohon maaf jika ada kekurangan dalam penyajian informasi dalam blog ini. Wassalamualaikum.