Está en la página 1de 3

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

<input id="ContactForm1_contact-form-name" name="name" placeholder=" Nombre *"


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=" Mensaje *" rows="5"></textarea>

<input id="ContactForm1_contact-form-submit" type="button" value="Enviar Mensaje" />

<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 0px;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 0px;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:#ffb80a;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:#000;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'] =
'1055792400194904679';BLOG_attachCsiOnload(''); }
_WidgetManager._Init('//www.blogger.com/rearrange?
blogID\x3d1055792400194904679','https://monetizatutiempo-
oficial.blogspot.com','1055792400194904679');

_WidgetManager._RegisterWidget('_ContactFormView', new _WidgetInfo('ContactForm1',


'footer1', null, document.getElementById('ContactForm1'), {'contactFormMessageSendingMsg':
'Sending...', 'contactFormMessageSentMsg': 'Tu mensaje ha sido enviado.',
'contactFormMessageNotSentMsg': 'Message could not be sent. Please try again later.',
'contactFormInvalidEmailMsg': 'Se requiere una dirección de correo electrónico válida.',
'contactFormEmptyMessageMsg': 'Message field cannot be empty.', 'title': 'Contact Form',
'blogId': '1055792400194904679', 'contactFormNameMsg': 'Name', 'contactFormEmailMsg':
'Email', 'contactFormMessageMsg': 'Message', 'contactFormSendMsg': 'Send', 'submitUrl':
'https://www.blogger.com/contact-form.do'}, 'displayModeFull'));

//]]>

</script>
INSTRUCCIONES
Tienen que cambiar todos los códigos en donde aparezca 1055792400194904679 y sustituirlo
por el número de identificación de su blog (en el video muestro como hacerlo)

Luego van a buscar y cambiar el enlace: https://monetizatutiempo-oficial.blogspot.com por


el enlace de su blog, (no olviden que su enlace debe contener el https://)

Ahora, para cambiar el color del botón Enviar Mensaje van a buscar en el código lo siguiente:
#ffb80a y lo sustituyen por el código del color que ustedes prefieran.

También podría gustarte