Cara memindahkan Widget Contact Form ke Halaman

adscblog

Contact Form adalah cara lain agar para pengunjung dapat mengirim kan pertanyaan ke suatu blog melalui Contact Form ini,sehingga memudahkan para pengunjung lebih mudah lagi memberikan pendapat tentang artikel yang bersangkutan melalui contact form ini,namun bagi sebagian para blogger merasa bingung bagaimana mereka bisa membuat contact form di halaman,sebenar nya banyak cara untuk membuat halaman contact form ini,karena sudah banyak situs yang menyediakan pembuatan contact form ini secara gratis.

Atau terkadang para blogar ingin membuat contact form ini secara menantang,yaitu dengan cara membuat sendiri,nah disini saya akan memberikan pengalaman saya bagaimana anda bisa membuat contact form di halaman anda secara gampang tanpa melalui penyedia atau situs penyedia pembuatan contact form ini.

Baca Juga :: Membuat Contact Form Dengan Gampang di blog

Disini saya akan memberikan langkah demi langkah pembuatan Contact form di halaman,cara ini sangat mudah ko tidak ribet,jadi untuk itu silahkan anda ikuti langkah langkah di bawah ini untuk pembuatan contact form ini

Cara Mudah Membuat Contact Form Di Halaman

1. Silahkan anda masuk ke blogger dulu
2. Lalu masuk ke tata letak
3. kemudian pilih Gadget dan tambahkan Contact Form yang Google udah sediakan
4. Setelah contact form terpasang di Sidebar anda,kemudian silahkan anda uji coba apakah Contact Form yang di pasang di Sidebar tersebut berfungsi atau tidak dengan cara mengirimkan pesang singkat saja
5. Jika langkah ke 4 ini berhasil maka Silahkan anda hapus lagi Contact form yang terpasang di Sidebar tersebut

Setelah langkah di atas sudah terbungki berfungsi,kemudian silahkan anda masuk ke Page untuk pembuatan Halaman Baru,Jika anda telah membuat halaman maka ikuti langkah berikut

• Setelah anda membuat halaman,lalu kemudian masuk dan kemudian silahkan masuk ke bagian "Html" nya bukan "Compose"
• Setelah itu silahkan anda masukan kode berikut

 <script>
var blogId = '3288660591851706849';//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 dapat dikirim. Silakan coba lagi nanti.';
var contactFormEmptyMessageMsg ='Kolom pesan tidak boleh 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="" />

<br />
<div>
Email: <i>(wajib)</i></div>
<input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" />

<br />
<div>
Pesan: <i>(wajib)</i></div>
<textarea class="contact-form-email-message" id="ContactForm1_contact-form-email-message" name="email-message" rows="5"></textarea>

<input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" onclick="sendEmailMsg()" type="button" value="Kirim" />

<br />
<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>

•  Kemudian Publish dan lihat hasil nya

Keterangan
- Untuk angkyang berwarna merah,silahkan anda ganti dengan angka ID halaman yang anda buat,lihat di bagian atas.dan kemudian gantikan ke angka yang berwarna merah di atas

 Untuk melihat hasil dari itu,boleh anda klik Contact Form di blog ini bagian atas ,dan itu hasil nya selamat mencoba

adscblog

Recommendation Apps

ads1

Previous

Posting Lebih Baru

Next

Posting Lama

Posted by Dede Ubed, Published at 16 September and have 0 komentar