اهلا ومرحبا بكم من جديد على مدونتكم مدونه الشرق للمعلوميات وسنتحدث اليوم عن موضوع مهم لكل مدونه الا وهو اضافه الصفحات سياسه الخصوصيه و عن المدونه واتصل بنا والعديد من الصفحات.
وهذا هو شكل الإضافة النهائي كما هو موضح فى الصورة
واضافه الصفحات عليك بالاتى
1- الدخول الى لوحه تحكم المدونه
2- الضغط على الصفحات
3- ومن ثم الضغط على اضافه صفحه جديده
4- وبعد ذلك البدا فى عمل الصفحه
واليكم الاضافه المستخدمه صفحه اتصل بنا العربيه
<div dir=”rtl” style=”text-align: right;” 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;transition:all 0.5s ease-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;transition:all 0.5s ease-out;direction: rtl;text-align: justify;}
#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);box-shadow: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;vertical-align:middle;cursor:pointer;padding:10px 18px!important;font-weight:700;font-size:14px;text-align:center;text-transform:uppercase;letter-spacing:0.5px;border-radius:3px;background-image: linear-gradient(110deg, #7986cb 0%, #7986cb 50%, transparent 50%, transparent 100%);background-size:200%;background-position:120% 0;background-repeat:no-repeat;border:1px solid #ddd;transition:all .8s ease, background-position .8s ease, color .8s ease;}
#ContactForm1_contact-form-submit:hover {color:#fff;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 />
<form name=”contact-form”>
<span style=”color: #666666; font-family: "open sans" , "arial" , "helvetica" , sans-serif; font-weight: 700;”><i class=”fa fa-user”></i> الأسم </span>
<input id=”ContactForm1_contact-form-name” name=”name” size=”30″ type=”text” value=”” />
<span style=”color: #666666; font-family: "open sans" , "arial" , "helvetica" , sans-serif; font-weight: 700;”><i class=”fa fa-envelope”></i> البريد الإلكترونى <span style=”color: #f56954; font-size: x-small; font-weight: bold;”>مهم</span></span>
<input id=”ContactForm1_contact-form-email” name=”email” size=”30″ type=”text” value=”” />
<span style=”color: #666666; font-family: "open sans" , "arial" , "helvetica" , sans-serif; font-weight: 700;”><i class=”fa fa-pencil-square-o”></i> محتوى الرساله <span style=”color: #f56954; font-size: x-small; 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=”إرسال” />
<br />
<div style=”max-width: 222px; text-align: center; width: 100%;”>
<div id=”ContactForm1_contact-form-error-message”>
</div>
<div id=”ContactForm1_contact-form-success-message”>
</div>
</div>
</form>
</div>
واليكم الاضافه باللغه الانجليزيه
<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;transition:all 0.5s ease-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;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:rgba(81,203,238,1);box-shadow: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;vertical-align:middle;cursor:pointer;padding:10px 18px!important;font-weight:700;font-size:14px;text-align:center;text-transform:uppercase;letter-spacing:0.5px;border-radius:3px;background-image: linear-gradient(110deg, #7986cb 0%, #7986cb 50%, transparent 50%, transparent 100%);background-size:200%;background-position:120% 0;background-repeat:no-repeat;border:1px solid #ddd;transition:all .8s ease, background-position .8s ease, color .8s ease;}
#ContactForm1_contact-form-submit:hover {color:#fff;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 />
<form name=”contact-form”>
<span style=”color: #666666; font-family: "open sans" , "arial" , "helvetica" , sans-serif; font-weight: 700;”><i class=”fa fa-user”></i> Name </span>
<input id=”ContactForm1_contact-form-name” name=”name” size=”30″ type=”text” value=”” />
<span style=”color: #666666; font-family: "open sans" , "arial" , "helvetica" , sans-serif; font-weight: 700;”><i class=”fa fa-envelope”></i> Email Address <span style=”color: #f56954; font-size: x-small; font-weight: bold;”>important</span></span>
<input id=”ContactForm1_contact-form-email” name=”email” size=”30″ type=”text” value=”” />
<span style=”color: #666666; font-family: "open sans" , "arial" , "helvetica" , sans-serif; font-weight: 700;”><i class=”fa fa-pencil-square-o”></i> Content <span style=”color: #f56954; font-size: x-small; font-weight: bold;”>important</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=”Send” />
<br />
<div style=”max-width: 222px; text-align: center; width: 100%;”>
<div id=”ContactForm1_contact-form-error-message”>
</div>
<div id=”ContactForm1_contact-form-success-message”>
</div>
</div>
</form>
</div>
اما الشرح فمن الفيديو التالى
واتمنى ان اكون قد افدت من يريد هذا الموضوع واتمنى ان اعجبكم الشرح لا تبخلوا علينا بالاشتراك فى القناة على اليوتيوب والمدونة والاشتراك معنا على فيسبوك ليصلك كل ما هو جديد على القناه واتمنى من الله ان اكون قد قدمت معلومه مفيدة لكل من يريد الاستفاده وان تكون فى ميزان حسناتي يوم القيامة واتمنى ان تقوموا بمراسلتنا على البريد ان اردت اي شرح قد واجهت به مشكله وان شاء الله نحاول قدر الامكان ان نعمل على مساعدتك فيه او نفكر فيه سويا حتى نرتقى بالمحتوى العربي والسلام عليكم ورحمة الله وبركاته
