Home Blogger Panduan Ngeblog √ Cara Menciptakan Formulir Kontak Pada Blogger

Thursday, February 8, 2018

√ Cara Menciptakan Formulir Kontak Pada Blogger

Diterbitkan

Formulir Kontak Blogger sangatlah di butuhkan kalau kau ialah blogger profesional, Dengan formulir kontak kau dapat lebih gampang berintraksi dengan para pembaca blog kamu.


Membuat formulir kontak pada blogger ada dua cara :



  1. Melalui Widget Tata Letak Blogger ( Yang nantinya formulir tampil pada sidebar blog )

  2. Atau Membuat Form Kontak Halaman ( Nantinya Formkontak Akan Tampil Pada Halaman Khusus )


Pilih salah satu saja yang sekiranya kau butuhkan di blog. Langsung saja kita ke tutorial menciptakan form kontak yang pertama.


Membuat Form kontak Pada Sidebar Blog



  1. Masuk pada halaman dasboard blogger kamu

  2. pilih tabel Tata Letak

  3. Klik Tambah Gadget pada Sidebar Blog  sangatlah di butuhkan kalau kau ialah blogger profesional √ Cara Membuat Formulir Kontak Pada Blogger

  4. Pilih Menu Gadget Lainya 

  5. Pilih Gadget Formulir Kontak  sangatlah di butuhkan kalau kau ialah blogger profesional √ Cara Membuat Formulir Kontak Pada Blogger

  6. Kemudian Terahir klik Simpan

  7. Maka alhasil akan menyerupai gambar dibawah ini  sangatlah di butuhkan kalau kau ialah blogger profesional √ Cara Membuat Formulir Kontak Pada Blogger


Membuat Formulir Kontak Pada Halaman Blog



  1. Masih sama, Masuk ke halaman dasboard blogger kamu

  2. Pilih tab Halaman

  3. Silahkan pilih / buat Halaman Baru

  4. Judul Isi Dengan Yang Kamu Inginkan Contoh Hubungi Kami

  5. Pindahkan format dari Compose Ke HTML

  6. Lalu Pastekan Kode Berikut, Lalu Klik Publikasikan


<div class=”separator” style=”clear: both; text-align: center;”>

<a href=”https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6JLl-nqquxcmxIpy3sOy7j04RtTkdPuEGNdcdqfGG9UepehB1mxQTQ2IWK8BlaY-XHuXUVDRBloDYSrvFwQyruJk8dc_Jf2DFq6DIO28lqIghANcXn2_BON-FdgYjcrTMBgkMjq2IKwgs/s1600/Contact.png” style=”margin-left: 1em; margin-right: 1em;”><img alt=”Contact” height=”230″ src=”https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6JLl-nqquxcmxIpy3sOy7j04RtTkdPuEGNdcdqfGG9UepehB1mxQTQ2IWK8BlaY-XHuXUVDRBloDYSrvFwQyruJk8dc_Jf2DFq6DIO28lqIghANcXn2_BON-FdgYjcrTMBgkMjq2IKwgs/s640/Contact.png” style=”border: none;” title=”Contact” width=”640″ /></a></div>


Silahkan Isi Formulir Dibawah Ini Untuk Menghubungi Admin, Jika Tidak Ada Halangan Atau Kesibukan Lainya, Admin Akan Langsung Merespon Pesan Yang Kamu Kirim


<form id=”kontak-arlina” name=”contact-form”>


<input id=”ContactForm1_contact-form-name” name=”name” placeholder=”Name *” size=”30″ type=”text” value=”” />


<input id=”ContactForm1_contact-form-email” name=”email” placeholder=”Email *” size=”30″ type=”text” value=”” />


<textarea cols=”25″ id=”ContactForm1_contact-form-email-message” name=”email-message” placeholder=”Message *” rows=”5″></textarea>

<input id=”ContactForm1_contact-form-submit” type=”button” value=”Send Message” />

<div style=”max-width: 100%; text-align: center; width: 100%;”>

<div id=”ContactForm1_contact-form-error-message”>

</div>

<div id=”ContactForm1_contact-form-success-message”>

</div>

</div>

</form>


<ul>

<li>FB : https://www.facebook.com/akbarcahmboro</li>

<li>BBM : D44CA5D6</li>

<li>WA : 085784388383</li>

<li>YOUTUBE : youtube.com/c/aQbarSianida</li>

</ul>

<style scoped=”” type=”text/css”>

#comments,.post_meta,#blog-pager{display:none}

form{color:#666}

form.payforpal{margin:auto;text-align:center}

#kontak-arlina{margin:auto;max-width:640px}

#ContactForm1_contact-form-name,#ContactForm1_contact-form-email{display:inline-block;width:48%;height:auto;background:#fff;margin:20px auto;padding:15px 12px;color:#000;border:1px solid rgba(0,0,0,0.2);float:left;transition:all 0.2s}

#ContactForm1_contact-form-email{float:right}

#ContactForm1_contact-form-email-message{width:100%;height:175px;margin:5px 0 20px 0;padding:15px 12px;background:#fff;color:#000;border:1px solid rgba(0,0,0,0.2);resize:none;transition:all 0.3s}

#kontak-arlina br{display:none}

#ContactForm1_contact-form-name:focus,#ContactForm1_contact-form-email:focus,#ContactForm1_contact-form-email-message:focus{outline:none;background:#fff;color:#000;border:1px solid rgba(0,0,0,0.2);}

#ContactForm1_contact-form-submit{float:left;background:#e74c3c;color:#fff;margin:auto;vertical-align:middle;cursor:pointer;padding:16px 20px;font-size:15px;text-align:center;letter-spacing:.5px;border:0;width:100%;font-weight:500;transition:all .2s}

#ContactForm1_contact-form-submit:hover,#ContactForm1_contact-form-submit:focus{background:#c0392b;color:#fff;}

#ContactForm1_contact-form-error-message,#ContactForm1_contact-form-success-message{width:100%;margin-top:35px}

.contact-form-error-message-with-border{background:#f47669;border:0;box-shadow:none;color:#fff;padding:5px 0;border-radius:3px}

.contact-form-success-message{background:#4fc3f7;border:0;box-shadow:none;color:#fff;border-radius:3px}

img.contact-form-cross{line-height:40px;margin-left:5px}

.post-body input{width:initial}

@media only screen and (max-width:640px){

#ContactForm1_contact-form-name, #ContactForm1_contact-form-email,#ContactForm1_contact-form-submit{width:100%;float:none}}

</style>

<script type=”text/j4vascript”>

//<![CDATA[

if (window.jstiming) window.jstiming.load.tick(‘widgetJsBefore’);

//]]>

</script>

<script src=”https://www.blogger.com/static/v1/widgets/2271878333-widgets.js” type=”text/j4vascript”></script>

<script type=”text/j4vascript”>

//<![CDATA[

if (typeof(BLOG_attachCsiOnload) != ‘undefined’ && BLOG_attachCsiOnload != null) { window[‘blogger_templates_experiment_id’] = “templatesV1″;window[‘blogger_blog_id’] = ‘4860569111368868985’;BLOG_attachCsiOnload(”); }_WidgetManager._Init(‘//www.blogger.com/rearrange?blogID\x3d4860569111368868985′,’//cara-aqbar.com/’,’4860569111368868985′);

_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’: ‘4860569111368868985’, ‘contactFormNameMsg’: ‘Name’, ‘contactFormEmailMsg’: ‘Email’, ‘contactFormMessageMsg’: ‘Message’, ‘contactFormSendMsg’: ‘Send’, ‘submitUrl’: ‘https://www.blogger.com/contact-form.do’}, ‘displayModeFull’));

//]]>

</script>


Ganti semua arahan 4860569111368868985 di atas dengan arahan ID blog Anda.

Ganti kode //cara-aQbar.com/ di atas dengan url blog Anda.


Ganti Juga Keterangan Kontak Dibawah Formulir, Maka alhasil nanti akan menyerupai ini  sangatlah di butuhkan kalau kau ialah blogger profesional √ Cara Membuat Formulir Kontak Pada Blogger


Selesai, Silahkan di coba di blog kalian ya! Sekian artikel Cara Membuat Formulir Kontak Pada Blogger Semoba Bermanfaat.



Sumber aciknadzirah.blogspot.com

Artikel Terkait

hiyahiya

Next Post
Previous Post