طريقة حديثة لإضافة كود اضافة نموذج اتصل بنا احترافي لمدونات بلوجر

طريقة اضافة صفحة أتصل بنا لمدونات بلوجر.

بعد ذلك ، انقر فوق "المظهر"> انقر فوق زر "تعديل  HTML"> أضف كود  CSS التالي  قبل </head>

<styletype='text/css'>
#ContactForm1,#ContactForm1br{display:none}
</style>

<formname="contact-form">
<divclass="formcolumn1">
<inputid="ContactForm1_contact-form-name"name="name"placeholder="الأسم"size="30"type="text"value="" />

</div>
<divclass="formcolumn2">
<inputid="ContactForm1_contact-form-email"name="email"placeholder="البريد الألكتروني الألكتروني"size="30"type="text"value="" />

</div>
<divclass="formcolumn3">
<textareacols="25"id="ContactForm1_contact-form-email-message"name="email-message"placeholder="الرسالة"rows="7"></textarea>

</div>
<divclass="formcolumn4">
<inputclass="ripplelink"id="ContactForm1_contact-form-submit"type="button"value="إرسال" />

</div>
<divstyle="max-width: 100%; text-align: center; width: 100%;">
<divid="ContactForm1_contact-form-error-message">
</div>
<divid="ContactForm1_contact-form-success-message">
</div>
</div>
</form>
<scriptsrc="https://www.blogger.com/static/v1/widgets/2271878333-widgets.js"type="text/javascript"></script>

<stylescoped=""type="text/css">
#ContactForm1,#comments,.post-bodyform.paypalpaybr{display:none}
.post-bodyform.paypalpay{margin:0;text-align:center}
#ContactForm1_contact-form-name,#ContactForm1_contact-form-email{font-family:'Quicksand',sans-serif;display:inline-block;width:100%;height:auto;margin:10px auto;padding:14px;background:#fff;color:#222;border:1px solid rgba(0,0,0,0.08)}
#ContactForm1_contact-form-email-message{font-family:'Google Sans',sans-serif;width:100%;height:250px;margin:10px auto;padding:14px;background:#fff;color:#222;border:1px solid rgba(0,0,0,0.08)}
#ContactForm1_contact-form-name:focus,#ContactForm1_contact-form-email:focus,#ContactForm1_contact-form-email-message:focus{background:#fff;outline:none;border-color:rgba(0,0,0,0.18)}
#ContactForm1_contact-form-submit{font-family:'Quicksand',sans-serif;background:#fff;color:#5f6368;font-size:16px;width:161px;height:45px;float:left;padding:00020px;margin:10px03px5px;cursor:pointer;border:none;border-radius:24px;box-shadow:01px2px0rgba(60,64,67,0.302),01px3px1pxrgba(60,64,67,0.149);transition:box-shadow .08s linear,min-width .15scubic-bezier(0.4,0.0,0.2,1)}
.formcolumn4{position:relative}
.formcolumn4:before{background-image:url(https://2.bp.blogspot.com/-nkmaptT0VoA/WumFePAy9DI/AAAAAAAAGlM/8lA5aRi2E-okumpdikjQancIKDjYaGNqwCLcBGAs/s1600/mailme.png);background-position:center;background-repeat:no-repeat;background-size:20px;content:'';display:block;height:63px;width:32px;position:absolute;z-index:1;left:15px;top:0}
#ContactForm1_contact-form-submit:hover{background:#fafafb;box-shadow:01px3px0rgba(60,64,67,0.302),04px8px3pxrgba(60,64,67,0.149)}
#ContactForm1_contact-form-error-message,#ContactForm1_contact-form-success-message{margin-top:35px}
form{color:#888}
.formcolumn1,.formcolumn2{float:left;width:50%}
.formcolumn1,.formcolumn2{margin:0010px0;padding:010px00}
.formcolumn2{padding:00010px}
@media only screen and (max-width:768px){.formcolumn1,.formcolumn2{width:100%;padding:0}}
</style>