اضافة صفحة اتصل بنا لمدونات بلوجر بشكل رائع

السلام عليكم اهلا ومرحبا بكم فى موقع المحترف ماكس اليوم نقدم شرح جديد من اضافات بلوجر اليوم نقدم شرح باضافة صفحة اتصل بنا من تصميم موقع المحترف ماكس.

صفحة اتصل بنا ذو اهمية كبيرة لدى ادسنس عند التقديم لدى ادسنس اولا شئ يتم مراجعة مع ادسنس صفحة اتصل بنا وسياسة الخصوصية و من نحن لكى يتواصل زوائر موقعك معاك يجب ان يكون لديك صفحة اتصل بنا بشكل منظم.

اضافة صفحة اتصل بنا بشكل سريع والا يوجد تأثير فى سرعة موقعك عند اضافة الاكواد يمكن اليوم تفاعل الزوائر معاك من خلال صفحة اتصل بنا التى يتم ربطها تلقائى بحسابك الخاص.

اليوم نقدم طريقة اضافة صفحة اتصل بنا بشكل رائع للمبتدئين يمكنك اليوم الاعتماد على النفس فى بنا صفحة او انشاء موقع على بلوجر بدون شروحتا فى الامر اصباحا سهلة جدا.

طريقة انشاء واضافة صفحة اتصل بنا لموقعك على بلوجر

1- أولا الدخول الى لوحة التحكم الخاصة بموقعك
2- الدخول الى الصفحات
3- نضغط على الصفحات ثم نضغط على انشاء صفحة جديدة
4- ثم نضع اسم لصفحة وسوف تكون (اتصل بنا)
5- نضغط على HTML وسوف نحذف الاكواد الموجودة ونضع كود اتصال بنا ثم نعود مرة اخرى الى التأليف
6- مبروك وسوف تظهر صفحة تصل بنا عند النشر او الحفظ وكل ما عليك اظهارها من التخطيط او التصميم.

الكود الخاص باضافة صفحة اتصل بنا لمدونات بلوجر

<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>

<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>

</form>

</div>

لا تنسي الاشترك فى الموقع من هنا

المحترف ماكس

القائمة الرئيسية

الصفحات

اضافة صفحة اتصل بنا لمدونات بلوجر بشكل رائع