طريقة إنشاء صفحة إتصل بنا _إضافة صفحة contact في مدونة بلوجر 2022
كود صفحة إتصل بنا َجاهز
<div dir = "ltr" style = "text-align: left؛" trbidi = "on">
<style scoped = "" type = "text / css"> # comments، .post_meta، # blog-pager {display: none؛} # ContactForm1_contact-form-name، # ContactForm1_contact-form-email {width: 100٪؛ height : auto؛ margin: 5px auto؛ padding: 10px؛ background: #fff؛ color: # 444؛ border: 1px solid #ddd؛ border-radius: 3px؛ box-sizing: border-box؛ -webkit-box-sizing: border-box؛ -moz-box-sizing: border-box ؛ الانتقال: كل 0.5s easy-out؛} # ContactForm1_contact-form-email-message {width: 100٪؛ height: 175px؛ margin: 5px 0؛ padding: 10px؛ background: #fff؛ color: # 444؛ font-family: 'Open Sans'، sans-serif؛ border: 1px solid #ddd؛ border-radius: 3px؛ transfer: all 0.5s easy-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: rgba (81،203،238،1 ) ؛ مربع الظل:0 0 5px rgba (81،203،238،0.7)؛} # ContactForm1_contact-form-submit {width: 100٪؛ font-family: 'Open Sans'؛ float: left؛ background: #fff؛ color: #aaa؛ margin: 10px auto ؛ محاذاة رأسية: وسط ؛ المؤشر: المؤشر ؛ المساحة المتروكة: 10 بكسل 18 بكسل! مهم ؛ وزن الخط: 700 ؛ حجم الخط: 14 بكسل ؛ محاذاة النص: الوسط ؛ تحويل النص: أحرف كبيرة ؛ تباعد الأحرف: 0.5 بكسل ؛ الحد - نصف قطر: 3 بكسل ؛ صورة الخلفية: تدرج خطي (110 درجة ، # 7986cb 0٪ ، # 7986cb 50٪ ، شفاف 50٪ ، شفاف 100٪) ؛ حجم الخلفية: 200٪ ؛ موضع الخلفية: 120٪ 0 ؛ الخلفية -كرر: no-repeat؛ border: 1px solid #ddd؛ transfer: all .8s easy، background-position. الموضع: 0 0؛ border-color: # 7986cb؛} # ContactForm1_contact-form-error-message، # ContactForm1_contact-form-Success-message {width: 100٪؛ margin-top: 35px؛}.contact-form-error-message-with-border {background: # f36c60؛ border: none؛ box-shadow: none؛ color: #fff؛ padding: 5px 0؛} .contact-form-Success-message {background: # 4fc3f7؛ border: none؛ box-shadow: none؛ color: #fff؛} img.contact-form-cross {line-height: 40px؛ margin-left: 5px؛} </style> <br />
<اسم النموذج = "contact-form">
<div dir = "rtl" style = "text-align: right؛">
<span style = "color: # 666666؛ font-family: & quot؛ open sans & quot؛، & quot؛ arial & quot؛، & quot؛ helvetica & quot؛، sans-serif؛ font-size: large؛"> <b> تواصل معنا ، للإجابــة علي اسئلتكم و استفساراتكم & nbsp؛ & nbsp؛ </b> </span> </div>
<div dir = "rtl" style = "text-align: right؛">
<span style = "color: # 666666؛ font-family: & quot؛ open sans & quot؛، & quot؛ arial & quot؛، & quot؛ helvetica & quot؛، sans-serif؛ font-size: large؛"> <b> <br /> < / b> </span> </div>
<div dir = "rtl" style = "text-align: right؛">
<b> <span style = "color: # 666666؛ font-family: & quot؛ open sans & quot؛، & quot؛ arial & quot؛، & quot؛ helvetica & quot؛، sans-serif؛ font-size: large؛"> </span> < / ب> </div>
<div dir = "rtl" style = "text-align: right؛">
<span style = "color: # 666666؛ font-family: & quot؛ open sans & quot؛، & quot؛ arial & quot؛، & quot؛ helvetica & quot؛، sans-serif؛ font-size: large؛"> خلال هذا النموذج اتصل بنا الآن: & nbsp؛ </b> </span> </div>
<div dir = "rtl" style = "text-align: right؛">
<span style = "color: # 666666؛ font-family: & quot؛ open sans & quot؛، & quot؛ arial & quot؛، & quot؛ helvetica & quot؛، sans-serif؛ font-size: large؛ font-weight: 700؛"> <br /> </span> </div>
<div dir = "rtl" style = "text-align: right؛">
<span style = "color: # 666666؛ font-family: & quot؛ open sans & quot؛، & quot؛ arial & quot؛، & quot؛ helvetica & quot؛، sans-serif؛ font-size: large؛ font-weight: 700؛"> <br /> </span> </div>
<div dir = "rtl" style = "text-align: right؛">
عائلة الخطوط: & quot؛ open sans & quot؛ ، & quot؛ arial & quot؛ ، & quot؛ helvetica & quot؛ ، بلا الرقيق؛ font-weight: 700؛ "> <i class =" fa fa-Pencil-square-o "> </i> الرسالة <span style =" color: # f56954؛ font-weight: bold؛ "> مطلوب </ span> </span> <textarea cols =" 25 "id =" ContactForm1_contact-form-email-message "name =" email-message "rows =" 5 "> </ textarea> <input id = "ContactForm1_contact-form-submit" type = "button" value = "ارسال" /> </span> </div> عائلة الخطوط: & quot؛ open sans & quot؛ ، & quot؛ arial & quot؛ ، & quot؛ helvetica & quot؛ ، بلا الرقيق؛ font-weight: 700؛ "> <i class =" fa fa-Pencil-square-o "> </i> الرسالة <span style =" color: # f56954؛ font-weight: bold؛ "> مطلوب </ span> </span> <textarea cols =" 25 "id =" ContactForm1_contact-form-email-message "name =" email-message "rows =" 5 "> </ textarea> <input id = "ContactForm1_contact-form-submit" type = "button" value = "ارسال" /> </span> </div>
<div style = "max-width: 222px؛ text-align: center؛ width: 100٪؛">
<div id = "ContactForm1_contact-form-error-message">
</div>
<div dir = "rtl" id = "ContactForm1_contact-form-Success-message">
</div>
</div>
</form>
</div>
كيفية إضافة وتركيب كود صفحة إتصل بنا
![]() |
أتمنى أن يكون هذا المقال نال اعجابك فإذا نال إعجابك هذا المقال لا تنسى أن تترك لنا تعليق أسفل المقال لكي نستمر في نشر لكم المزيد إن شاء الله *تحياتي*
شكرا حبيبي على كل هذا الشرح الرائع ربنا يحفظك وي اوفقك
ردحذفشكرا على واجب أخي الكريم. شكرا لي تلك الدعوة وانت كذالك .
حذفأخي ممكن ان اسألك : اريد تغيير جيمايل المدونة إلى جيمايل آخر ولكن لم أعرف كيف افعل ذالك .رجاء رد علي في اقرب وقت
ردحذفأهلا أخي الكريم يمكنك تواصل معي عبر واتساب وسوف اجيبك. تحياتي
ردحذف