صفحة اتصل بنا جاهزة | صفحة اتصل بنا بالانجليزي لمدونات بلوجر

صفحة اتصل بنا جاهزة | صفحة اتصل بنا بالانجليزي لمدونات بلوجر

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

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

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

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

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

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

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

1-شرح انشاء صفحة اتصل بنا جاهزة عربى وانجليزى لمدونات بلوجر

1-صفحة اتصل بنا جاهزة احترافية باللغة العربية

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

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

وطريقة التفعيل و إضافة زر اتصل بنا كالتالى :-
من التنسيق اختر اضافة اداة فى اى مكان ويفضل فى الفوتر الخاص بالمدونه او على السايدبار ثم ابحت عن أداة الإتصال واضغط على علامة الزائد + ثم فى النموذج الذى يظهر اضغط على حفظ كما بالصور التاليه على الترتيب

اتصل بنا

ثم 

اتصل بنا2

2- قم بتحميل كود CSS التالى:-

اكواد CSS


ثم قم بفتح قالب مدونتك وعن طريق البحث داخل القالب عبر الامر Ctrl+F ابحث عن الوسم التالى :

]]></b:skin>

ثم فوقه مباشرة ضع كود CSS الذى قمت بتحميله سابقا  كما بالصوره التاليه :

شرح انشاء صفحة اتصل بنا عربى وانجليزى لمدونات بلوجر
 

ثم اضغط على حفظ
3- بعد ذلك ستقوم بإنشاء صفحه جديده من خلال الصفحات ثم انشاء صفحه جديده

شرح انشاء صفحة اتصل بنا عربى وانجليزى لمدونات بلوجر
 

ثم قم بتسمية الصفحه contact us أو اتصل بنا ،ثم حول الصفحه الى خانة HTML واحذف الاكواد التى تظهر لك والصق احد الأكواد التاليه :-

تحميل الكود الأول

تحميل الكود الثانى

تحميل الكود الثالث

ويتم كما بالصوره التاليه :

شرح انشاء صفحة اتصل بنا عربى وانجليزى لمدونات بلوجر
 

ثم ستكون النتيجه كالتالى لأحدهما :-

صفحة اتصل بنا بلوجر
 

وهكذا لأى كود .

2-صفحة اتصل بنا احترافية باللغة الإنجليزيه

1- قم بتفعيل أداة الاتصال كماشرحنا فى البند1 بالأعلى .
2- من خلال البحث فى القالب قم بالبحث عن الوسم الاتى :

]]></b:skin>

اعلاه ضع الكود التالى :

div#ContactForm1 { 
display: none !important; 
}

كما بالصوره التاليه :

contact
 

وفائدة هذا الكود اخفاء أداة الاتصال التى فعلناها فى بلوجر من الظهور بالقالب.
3- قم بإنشاء صفحه جديده وقم بتسميتها contact us ،ثم حول الصفحه الى خانة HTML واحذف الاكواد التى تظهر لك والصق الكود التالى بعد تحميلة من الرابط التالى :

كود اتصل بنا

ثم حفظ ونشر
نموذج آخر

  1.  قم بتفعيل خاصية اداة الاتصال – اذا كنت لم تفعلها من قبل – وذلك من التخطيط بلوحة تحكم مدونتك كما ذكرنا سابقا .

3- اذا كنت قد وضعت كود اخفاء أداة الاتصال من واجهة المدونه – كما ذكرنا فى فى البند 2 سابقا – فلاتضع كود الاخفاء التالى ،واذا كنت لم تفعل فضع الكود التالى بعد أعلا الوسم

</head>

ثم احفظ القالب.

<style type='text/css'>
#ContactForm1,#ContactForm1 br{display:none}
</style>

4- انشىء صفحه جديده ثم حول الصفحه الى خانة HTML وضع فيها الكود التالى بعد تحميلة من الرابط التالى :

كود اتصل بنا

وهذا نموذج آخر تستطيع تحميله من الرابط التالى ويتم وضعه كما شرحنا سابقا وهو باللغة الانجليزيه للمدونات باللغة الإنجليزية :


تحميل نموذج آخر

3-انشاء صفحة اتصل بنا عبر موقع JotForm مجانا

موقع  JotForm  هو موقع مجانى لعمل صفحة اتصل بنا احترافية بألوان رائعه ،وهو مجانى 100% ،ولكى تقوم بإنشاء نموذج لصفحة اتصل بنا عبر الموقع لابد أولا من التسجيل بالموقع ،ثم تفعل التسجيل به ،وبعدها تستطيع عمل صفحة اتصل بنا بكل سهوله وللحساب المجانى حوالى 100 قالب شهريا.
تابع الشرح التالى وبه طريقة عمل صفحة اتصل بنا احترافية عبر الموقع على قناته على اليوتيوب بعنوان How to create a contact form with Jotform :

YouTube video

2-طريقة تركيب نموذج اتصل بنا على قالب سيو بلس

ولمستخدمى قالب سيو بلس 

استخدم النموذج التالى :

نموذج اتصل بنا لقالب سيو بلس

من داخل الكود ابحث عن :

blogId’: ‘5666337625103699220

قم بتغييره الى Id الخاص بمدونتك ، ولكى تعرف الــ Id الخاص بمدونتك عليك بالتالى :

ادخل لوحة تحكم مدونات بلوجر عبر ايميلك وحدد المدونة المطلوب تركيب صفحة اتصل بنا بلوجر بها

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

معرفة idالمدونة فى بلوجر

اذا لم تفعل ذلك فلن يعمل الكود معك لإختلاف الــ id عن الــ id الخاص بمدونتك .

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

YouTube video

إقرأ ايضا :-

سياسة الخصوصية لبلوجر 2019 باللغة العربية والانجليزية

ارجوا أن اكون وفقت فى الشرح
متمنيا لك كل التوفيق

مقالات أنصحك بقرائتها:-

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *

10 Comments

  1. تم عمل كل الخطوات ونجحت كلها لكن عندما ارسل رسالة لا تكمل الارسال علما اني استعمل قالب سيوبلس النسخة المجانية ارجو الرد

  2. أهلا بك اخى الكريم
    انا عدلت المشاركة وضفت الحل لمشكلة اتصل بنا على قالب سيو بلس
    ولكن
    اذا كنت قد استخدمت اى كود ابحث داخلة عن id المدونه وغيره الى id مدونتك لكى يعمل معك بطريقة صحيحه.
    تحياتى لك

  3. لا تصل الرساءل الي الجميل
    يا اخي

    1. مدونتك ووردبريس والا بلوجر؟
      واسم القالب من فضلك

    1. اتفاقية الاستخدام تكتب على حسب لغة ونشاط المدونة
      لكن يمكنك/يمكنكى نسخ شروط الاستخدام الخاصة بمدونتنا والتعديل عليها بما يناسب محتوى وشروط مدونتكم .
      تحياتى

  4. لخبطة كبيرة
    معيا كود
    معليك سوى تضيفه في الصفحة نفسها فقط تلصق الكود
    و تضع id مدونتك فقط
    تم

    1. اهلا بك اخى الكريم
      لو امكن ارسله لنا عبر الايميل هذا aldewaghry2016@gmail.com وانا سأنشره باسمك كمساهمه بالمقاله.
      تحياتى لك