Form Contact Us Keren Cocok untuk Template Viomagz
Tidak bisa di pungkiri, Banyak Blogger yang ingin situs miliknya terlihat menarik , dan semenarik mungkin. Mulai dari Template, Gaya Font Tulisan, sampai fitur-fitur yang ada di dalam Blog miliknya tersebut.
Berikut ini adalah Fitur Form Contact Us, atau sering di sebut dengan " Hubungi Kami ".
Demikian lah Designer Fitur ini adalah Arlina Design , yang sudah familiar di mata Blogger Indonesia.
Untuk cara-cara nya, adalah sebagai berikut :
1. Login ke Blogger.com
2. Setelah berada di Dasbor Blogger, Klik Menu " Halaman / Laman "
3. Halaman - Halaman Baru , lalu Buat Halaman.
4. Jika sobat sudah membuat halaman, langsung masuk ke mode HTML, ( ini tidak akan berfungsi jika sobat memasukkan script ke mode Compose ).
5. Masukkan Script di bawah ini ke mode HTML Halaman sobat
Berikut ini adalah Fitur Form Contact Us, atau sering di sebut dengan " Hubungi Kami ".
Demikian lah Designer Fitur ini adalah Arlina Design , yang sudah familiar di mata Blogger Indonesia.
Untuk cara-cara nya, adalah sebagai berikut :
1. Login ke Blogger.com
2. Setelah berada di Dasbor Blogger, Klik Menu " Halaman / Laman "
3. Halaman - Halaman Baru , lalu Buat Halaman.
4. Jika sobat sudah membuat halaman, langsung masuk ke mode HTML, ( ini tidak akan berfungsi jika sobat memasukkan script ke mode Compose ).
5. Masukkan Script di bawah ini ke mode HTML Halaman sobat
<span style="font-family: inherit;">Selamat Datang di Blogger Basecamp.
Kamu Bebas Mengajukan Pertanyaan Apa saja mengenai yang terkait dengan Blog ini.
Berikan Saran , dan Pesan dalam Kesan Positif.
Kami Akan Membalas dengan E-Mail Secepatnya.
Kamu Bebas Mengajukan Pertanyaan Apa saja mengenai yang terkait dengan Blog ini.
Berikan Saran , dan Pesan dalam Kesan Positif.
Kami Akan Membalas dengan E-Mail Secepatnya.
</span><br />
<form id="kontak-arlina" name="contact-form">
<input id="ContactForm1_contact-form-name" name="name" placeholder="Nama *" size="25" type="text" value="" />
<input id="ContactForm1_contact-form-email" name="email" placeholder="Email *" size="25" type="text" value="" />
<textarea cols="25" id="ContactForm1_contact-form-email-message" name="email-message" placeholder="Pesan *" rows="5"></textarea>
<input id="ContactForm1_contact-form-submit" type="button" value="Kirim Pesan" />
<br />
<br />
<br />
<br />
<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>
<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{height:auto;margin:5px auto;padding:15px 12px;background:#fff;color:#444;border:1px solid rgba(0,0,0,.14);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);border-radius:3px;width:100%;min-width:100%;transition:all 0.5s ease-out}
#ContactForm1_contact-form-email-message{width:100%;height:175px;margin:5px 0;padding:15px 12px;background:#fff;color:#444;border:1px solid rgba(0,0,0,.14);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);border-radius:3px;resize:none;transition:all 0.5s ease-out}
#ContactForm1_contact-form-name:focus,#ContactForm1_contact-form-email:focus,#ContactForm1_contact-form-email-message:focus{outline:none;background:#fff;color:#444;border-color:#66afe9;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,0.6)}
#ContactForm1_contact-form-submit{float:left;background:#5b86e5;margin:auto;vertical-align:middle;cursor:pointer;padding:16px 20px;font-size:14px;text-align:center;letter-spacing:.5px;border:0;width:100%;border-radius:4px;color:#fff;font-weight:500;transition:all .2s ease}
#ContactForm1_contact-form-submit:hover{background:#5b86e5;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%;}}
</style>
<script type="text/javascript">
//<![CDATA[
if (window.jstiming) window.jstiming.load.tick('widgetJsBefore');
//]]>
</script>
<script src="https://www.blogger.com/static/v1/widgets/2271878333-widgets.js" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
if (typeof(BLOG_attachCsiOnload) != 'undefined' && BLOG_attachCsiOnload != null) { window['blogger_templates_experiment_id'] = "templatesV1";window['blogger_blog_id'] = '8390833402317999035';BLOG_attachCsiOnload(''); }_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d8390833402317999035','//bloggerbasecamp.blogspot.com/','8390833402317999035');
_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': '8390833402317999035', 'contactFormNameMsg': 'Name', 'contactFormEmailMsg': 'Email', 'contactFormMessageMsg': 'Message', 'contactFormSendMsg': 'Send', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull'));
//]]>
</script>
SadaKata Nusantara Media adalah sebuah Organisasi yang bergerak di bidang Media dan Komunikasi, membahas Referensi seputar Dunia Digital.
0 Response to "Form Contact Us Keren Cocok untuk Template Viomagz"
Post a Comment