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

الصفحات

شرح كيفية إنشاء صفحة إتصل بنا _ إضافة صفحة إتصل بنا في قوالب بلوجر

طريقة إنشاء صفحة إتصل بنا _إضافة صفحة contact في مدونة بلوجر 2022

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

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

لذالك أنت كذالك قمت بالبحث عن كيفية إضافة صفحة أتصل بنا لأنك ربما قرأت في بعض المواقع الأخرى أن صفحة إتصل بنا والصفحات الأخرى ضرورية لكي يتم قبول موقعك او مدونتك في جوجل أدسنس Adsens

في زمننا هذا أصبح الكل يريد أن يحقق الربح من الإنترنيت عن طريق مدونته أو موقعه. 

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

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

فإذا لم تتواجد هذه الصفحات في موقعك أو مدونتك فكن على أكيد أن لن يتم قبول طلبك من طرف إحدى الشركات المعلنة.

لكن في هذه الحالات تختلف كل شركة عن الأخرى وكل شركة لها شروط وأحكام لكي يتم قبول الطلب ،من هذا الشركات توجد شركة جوجل Adsens التي تفرض تواجد هاته الصفحات. 

أكيد أن إذا لم تتواجد هذه الصفحات في موقعك فاعلم أنك لم يتم قبول طلبك من طرف جوجل أدسنس. 

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


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

لكن الشيئ الغريب هوا أن عندما ينقروا على إرسال الرسالة لم يتم ارسالها، هذه بحد ذاتها مشكلة ويقع فيها الكثير من الناس لكن في هذا المقال كن على يقين أن سوف تمر العملية على أحسن وجه.

 كود صفحة إتصل بنا َجاهز

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

 

كيفية إضافة وتركيب كود صفحة إتصل بنا 

عندما تنسخ الكود يجب عليك اتباع هذه الخطوات التالية لكي تتم العملية في أحسن حال. 

1️⃣ : تذهب إلى بلوجر وانقر على الرمز ومن بعد إختر المدونة التي تريد إضافة صفحة أتصل بنا لها كما في الصورة. 

كفاش نصيب صفحة إتصل بنا في قالب سيو بلس,طريقة تركيب صفحة إتصل بنا في قالب بلوجر,كيف أصمم صفحة إتصل بنا,كيف أسوي صفحة إتصل بي في موقعي,كيف أقوم بإنشاء

2️⃣ :  عند النقر على السهم ومن ثم اختر المدونة التي تريد إضافة لها صفحة إتصل بنا من ثم النزول إلى الأسفل والنقر على الصفحات كما في الصورة .

كفاش نصيب صفحة إتصل بنا في قالب سيو بلس,طريقة تركيب صفحة إتصل بنا في قالب بلوجر,كيف أصمم صفحة إتصل بنا,كيف أسوي صفحة إتصل بي في موقعي,كيف أقوم بإنشاء

3️⃣ : عندما تنقر على الصفحات تأخذك إلى الصفحات ومن ثم اختر صفحة جديدة ومن ثم قم بتسمية الصفحة بي إتصل بنا ومن بعد تذهب إلى HTML وقم بحذف كل ما يتواجد فيه. 


4️⃣ :  ومن بعد حذفك لي HTML قم بنسخ كود صفحة إتصل بنا الذي تركته لك في الأعلى وقم بنشر الصفحة .

5️⃣ : من ثم  الذهاب إلى التخطيط أو التنسيق والنقر على إضافة أداة تم قم بإضافة أداة الصفحات هذه في حالة إذا كنت تستخدم قالب بلوجر أما في حالة إذا كنت تستخدم قالب سيو بليس.

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

قالب اتصل بنا HTML, كود اتصل بنا PHP HTML, تصميم صفحة اتصل بنا, صفحة اتصل بنا WordPress, صفحة Contact


6️⃣ :  عندما تنقر على الصفحات تأخذك إلى هذه الصفحة ومن ثم النقر على إضافة عنصر جديد  كما في الصورة .
قالب اتصل بنا HTML, كود اتصل بنا PHP HTML, تصميم صفحة اتصل بنا, صفحة اتصل بنا WordPress, صفحة Contact

7️⃣ : عندما تنقر على إضافة عنصر جديد يخذك إلى هذه الصفحة كما في الصورة. 

قالب اتصل بنا HTML, كود اتصل بنا PHP HTML, تصميم صفحة اتصل بنا, صفحة اتصل بنا WordPress, صفحة Contact
8️⃣ : عندما تظهر لك ذالك الصفحة قم بتسمية تلك الصفحة بي إتصل بنا كما في الصورة أعلاه .

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

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


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

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

منها صفحة من نحن  وصفحة سياسة الخصوصية  و كذالك صفحة إتفاقية الإستخدام. 

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

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


مواضيع قد تنال اعجابك : 





أتمنى أن يكون هذا المقال نال اعجابك فإذا نال إعجابك هذا المقال لا تنسى أن تترك لنا تعليق أسفل المقال لكي نستمر في نشر لكم  المزيد إن شاء الله *تحياتي*

author-img
كاتب ومحرر النصوص والمواضيع ومترجم من اللغة الانجليزية إلى اللغة العربية والعكس كذالك ومحترف في التصميم وخبير في blogger + werdpross

تعليقات

4 تعليقات
إرسال تعليق
  1. شكرا حبيبي على كل هذا الشرح الرائع ربنا يحفظك وي اوفقك

    ردحذف
    الردود
    1. شكرا على واجب أخي الكريم. شكرا لي تلك الدعوة وانت كذالك .

      حذف
  2. أخي ممكن ان اسألك : اريد تغيير جيمايل المدونة إلى جيمايل آخر ولكن لم أعرف كيف افعل ذالك .رجاء رد علي في اقرب وقت

    ردحذف
  3. أهلا أخي الكريم يمكنك تواصل معي عبر واتساب وسوف اجيبك. تحياتي

    ردحذف

إرسال تعليق

مرحبا تعليقك يهمنا سوف يتم الرد عنك على الفور

التنقل السريع