Membuat Kontak Form Ala Blog

Selamat tiba di blog berguru berbagi. pada kesempatan yang sangat langka ini, aku ingin menyebarkan kepada anda bagaimana caranya membuat kontak form atau contact us pada sebuah halaman blog atau widget blogger tanpa adanya unsur kode-kode js (javascript). jikalau anda sudah menciptakan kontak form dari pihak kedua sebaiknya hapus saja, alasannya yaitu hal yang sering aku temui yaitu ditemukan iklan pada kontak form tersebut sehingga mengakibatkan blog kita loadingnya begitu lama. kontak form ini juga bahwasanya sangat mempunyai kegunaan untuk anda yang suka mencari uang dari blogger (berbisnis online). jikalau tidak ada kontak form ketika berbisnis online, ibaratnya mirip menciptakan blog tidak ada posting sama sekali (Hampa)

Kontak form pada blog berguru menyebarkan sendiri sangat penting dan berguna, alasannya yaitu mempunyai kegunaan untuk saling bertanya jawab secara tertutup dan masih banyak lagi fungsi dari kontak form ini. sebagai contoh, berikut gambar kontak form ala blog berguru berbagi

 aku ingin menyebarkan kepada anda bagaimana caranya  Membuat Kontak Form Ala Blog

Gambaran diatas yaitu sebuah pola kontak form yang aku ambil dari blog berguru berbagi.

Membuat kontak form pada halaman blog

Letak kontak form atau contact us pada blog berguru menyebarkan sengaja aku letakan di halaman postingan, dan tentunya anda juga sanggup menciptakan kontak form kreasi sendiri mirip ini dengan syarat mengetahui ID profil blogger anda.

Cara mengetahui profil id blogger, sangatlah mudah, yaitu login ke blogger » klik buka daftar entri » pada adress kafe itulah id profil anda » copy dan paste di notepad id tersebut

 aku ingin menyebarkan kepada anda bagaimana caranya  Membuat Kontak Form Ala Blog

Memasukan script kontak form di halaman posting blog

Setelah anda save id profil blogger pada langkah diatas, kini anda copy dan paste kembali isyarat dibawah ini. taruh di notepad

<script>
var blogId = '1005901797365917320';//this number should be mandatorily edited.
//The below message 5 Strings can also be edited
var contactFormMessageSendingMsg ='Mengirim...';
var contactFormMessageSentMsg = 'Pesan Anda telah dikirim.';
var contactFormMessageNotSentMsg = 'Pesan tidak sanggup dikirim. Silakan coba lagi nanti.';
var contactFormEmptyMessageMsg ='Kolom pesan dilarang kosong.';
var contactFormInvalidEmailMsg = 'Sebuah email yang valid diperlukan.'

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>
<form name="contact-form">
<div>
Nama Anda : </div>
<input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" />
<div>
Email: <em>(wajib)</em></div>
<input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" />
<div>
Pesan: <em>(wajib)</em></div>
<textarea class="contact-form-email-message" id="ContactForm1_contact-form-email-message" name="email-message" rows="5" style="height: 164px; margin: 0px; width: 242px;"></textarea>
<input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" onclick="sendEmailMsg()" type="button" value="Kirim" />
<div style="max-width: 450px; text-align: center; width: 100%;">
<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>
</div>
</form>

Keterangan: silahkan anda rubah goresan pena yang bewarna merah, menjadi ID blogger anda yang sudah anda save di notepad tadi. kini langkah selanjutnya adalah

Login ke blogger anda » Laman » Laman baru » pastekan isyarat script tersebut di laman tersebut dengan metode HTML bukan COMPOSE. sebagai pola mirip gambar berikut ini

 aku ingin menyebarkan kepada anda bagaimana caranya  Membuat Kontak Form Ala Blog

Setelah anda masukan script tersebut, silahkan anda klik terbitkan atau publish.

Cara ini juga sanggup anda taruh di widget blog anda (baca: Cara memasukan isyarat HTML di Widget)

Mudah-mudahan gosip cara membuat kontak form pada blog ini sanggup bermanfaat untuk anda. terima kasih dan happy blogging!

0 Response to "Membuat Kontak Form Ala Blog"

Posting Komentar

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel