شرح كيفية انشاء صفحة اتصل بنا للمبتدئين




 صفحه اتصل بنا هي صفحه الزاميه وضروريه للقبول في جوجل ادسنس مثل صفحه سياسه الخصوصيه التي تحدثنا عنها في الموضوع السابق وفي هذا الموضوع سوف نتعرف على كيفيه انشاء صفحه اتصل بنا

  • ما هي صفحه اتصل بنا

عندما يقوم احد الزوار او شخص يريد الاعلان عن شيء او استفسار او اي شيء يستطيع ارساله من خلال صفحه اتصل بنا لذلك هي من ضمن الشروط للقبول في ادسنس.

  • تركيب صفحه اتصل بنا

تفتح قسم الصفحات في المدونه ثم تضغط على صفحه جديده.

في العنوان تكتب اسم الصفحه وهو اتصل بنا.

ثم تضغط على HTML



 تقوم بنسخ هذا الكود


<div dir="rtl" style="text-align: right;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-iu1grpbeiKA/W9C4X-XOJAI/AAAAAAAAEUg/cJCUDbYOaQgk5plgdYUXm_GjSA3gD-vVwCLcBGAs/s1600/ContactusbannerAR.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="اتصل بنا " border="0" data-original-height="300" data-original-width="990" height="192" src="https://1.bp.blogspot.com/-iu1grpbeiKA/W9C4X-XOJAI/AAAAAAAAEUg/cJCUDbYOaQgk5plgdYUXm_GjSA3gD-vVwCLcBGAs/s640/ContactusbannerAR.jpg" title="اتصل بنا " width="640" /></a></div>
<h3 style="background-color: white; color: #5e5e5e; margin: 0px 0px 15px; outline: 0px; position: relative; text-align: center; transition: all 0.3s ease;"> </h3> <div style="direction: rtl; line-height: 2; outline: 0px; padding: 0px 5px; transition: all 0.3s ease 0s;"> <div style="font-weight: bold; text-align: center;"> <b><span style="font-size: large;">بسم الله الرحمن الرحيم</span></b></div> <span style="font-size: large;"><span style="font-weight: bold;"></span></span>
<span style="font-size: large;"><span style="font-weight: bold;"></span><span style="font-weight: bold;"></span></span>
<div style="text-align: center;"> <span style="font-size: large;"><span style="font-weight: bold;">تواصل معنا وراسلنا ،،، للإجابــة علي اسئلتكم و استفساراتكم</span></span></div> <span style="font-size: large;"><span style="font-weight: bold;"></span><span style="font-weight: bold;"></span></span> <div style="text-align: center;"> <span style="font-size: large;"><span style="font-weight: bold;">زائرنا الكريم:</span></span></div> <div style="text-align: center;">
<span style="font-size: large;"><span style="font-weight: bold;"></span><span style="font-weight: bold;"><div style="text-align: center;">
<span style="font-size: large;"><span style="font-weight: bold;">يسعدنا تواجدك معنا دائماً ، ويشرفنى زيارتك وتواصلك الدائم بمدونة&nbsp;</span></span></div> <span style="font-size: large;"><span style="font-weight: bold;"></span><span style="font-weight: bold;"></span></span><div style="text-align: center;"> <span style="font-size: large;"><span style="font-weight: bold;"><a href="https://www.roo7ua.com/" target="_blank">رؤيا للمعلوميات&nbsp;</a></span></span></div> ، وإن كانت لك أية إقتراحات أو واجهتك أية مشاكل أو تريد الإستفسار عن أى شىءٍ موجود بالمدونة بالتأكيد يمكنك ذلك عن طريق مراسلتنا&nbsp;</div>
<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><span style="font-size: large;"> </span>
</span><span style="font-weight: bold;"><div style="text-align: center;"> ايضا فى حال وجود اى استفسارات تجارية او للاعلان على المدونة كل مايلزم فقط التواصل من النموذج التالى ...</div> </span></span> <div style="text-align: center;"> <span style="font-size: large;">***********************</span></div> <div style="text-align: center;"> <span style="font-size: large;"></span> <div dir="rtl" style="background-color: white; color: #5e5e5e; font-family: inherit; text-align: right;" trbidi="on"> <form name="contact-form">
<span style="font-size: large;"><span style="color: #666666; font-family: &quot;open sans&quot; , &quot;arial&quot; , &quot;helvetica&quot; , 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: &quot;open sans&quot; , &quot;arial&quot; , &quot;helvetica&quot; , 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: &quot;open sans&quot; , &quot;arial&quot; , &quot;helvetica&quot; , 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="إرسال" /> </span>
<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 style="background-color: white; color: #5e5e5e; font-family: inherit;"> <span style="font-size: large;"></span></div> </div> <div style="background-color: white;"> <span style="font-family: inherit; font-size: large;"></span></div> <div class="separator" style="background-color: white; clear: both; text-align: center;"> </div> <div style="background-color: white;"> <span style="font-family: inherit; font-size: large;"></span></div> <div style="background-color: white; text-align: center;"> <span style="font-family: inherit; font-size: large;"> </span></div> <span style="background-color: white; font-family: inherit; font-size: large;"><!-- Do not change the code! --></span> <div style="background-color: white;"> </div> </div>
</div>



و الصقه في صفحة HTML وتعود مرة أخرى وتضغط على تأليف.

كل ما عليك فعله هو تغيير اسم المدونه الموجود في صفحه اتصل بنا باسم المدونه الخاصه بك وتنسخ رابط المدونه ثم تضع ارتباط لاسم المدونه تحدد الاسم ثم تضغط على ارتباط وتضع رابط المدونه في هذه الخانه كما واضح في الصوره

ثم اضغط موافق
ثم تقوم بتفعيل منع التعليقات على هذه الصفحه كما واضح في الصوره

واخيرا اضغط نشر.

اذا واجهتك مشكله ان زر الارسال لا يعمل كل ما عليك فعله هو الاتجاه الى قسم التخطيط و اضافه اداه في المكان الذي تريده ويفضل ان تكون في الاسفل بعد الضغط على اضافه اداء تختار نموذج الاتصال


سوف تظهر لك هذه الصفحة

 ثم تضغط حفظ.

الان انتهينا من انشاء صفحة اتصل بنا
مواضيع ذات صلة
انشاء صفحة سياسة الخصوصية
انشاء مدونة بلوجر
بعض النصائح قبل البدء في بلوجر

Post a Comment

أحدث أقدم