Cara Membuat Form Contact di Blogger

Hallo sobat. Kali ini saya akan berbagi sedikit tutorial mengenai artikel cara membuat form contact di blogger.

Berikut ini pada tutorial ini saya akan menggunakan contoh form contact dari salah satu pembuat template blogger yang cukup terkenal yakni mba igniel. Lantas, bagaimana cara membuatnya dan langkah-langkahnya, mari kita simak.

• Buka menu blogger sobat
• Buat halaman statis baru/new
• Salin kode dibawah ini:

<form id="kontak" name="contact-form"><div class="top">
    <input id="ContactForm1_contact-form-name" name="name" placeholder="Nama" size="30" type="text"/>
    <input id="ContactForm1_contact-form-email" name="email" size="30" placeholder="Email" type="text"/> 
    </div> 
    <textarea cols="25" id="ContactForm1_contact-form-email-message" name="email-message" placeholder="Isi pesan" rows="5"></textarea> 
    <input id="ContactForm1_contact-form-submit" type="button" class="ripple" value="Kirim Pesan"/> 
    <div class="bottom"> 
    <div id="ContactForm1_contact-form-error-message"></div> 
    <div id="ContactForm1_contact-form-success-message"></div> 
    </div></form> 
    
    <script src="https://www.blogger.com/static/v1/widgets/2271878333-widgets.js" type="text/javascript"></script> 
    <script>//<![CDATA[ 
    if (typeof(BLOG_attachCsiOnload) != 'undefined' && BLOG_attachCsiOnload != null) { window['blogger_templates_experiment_id'] = "templatesV1";window['blogger_blog_id'] = '4444xxxxxxxxxx4444';BLOG_attachCsiOnload(''); }_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d4444xxxxxxxxxx4444','//domain.blogspot.com/','4444xxxxxxxxxx4444'); 
    _WidgetManager._RegisterWidget('_ContactFormView', new _WidgetInfo('ContactForm1', 'footer1', 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': '4444xxxxxxxxxx4444', 'contactFormNameMsg': 'Name', 'contactFormEmailMsg': 'Email', 'contactFormMessageMsg': 'Message', 'contactFormSendMsg': 'Send', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull')); 
    //]]></script>

• Lalu pastekan pada halaman statis yang sobat buat sebelumnya.
• Ubah yang di tandai dengan blog ID dan alamat url situs sobat
• Simpan, lalu publish

Cukup mudah bukan? Demikian artikel kali ini mengenai bagaimana cara membuat form contact di blogger. Semoga berguna dan bermanfaat.

Tweet