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

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

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

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

لنبدأ..

1/  لإضافة صفحة إتصل بنا  قم بالذهاب إلي لوحة التحكم في بلوجر ثم قم بالضغط علي التخطيط ثم بعد ذلك قم بالضغط علي إضافة أداة من أي مكان علي التخطيط سواء في أعلي الصفحة أو في الجانب أو في أسفل الصفحة ..

2/ قم بالبحث عن نموذج إتصال ثم قم بإضافتها علي المدونة بالضغط عليها ثم قم بعمل حفظ لنموذج الإتصال ..

3/ بعد ذالك سنقوم بإخفاء نموذج الإتصال من المدونة وذلك لنضيف تصميمنا الخاص
الأن قم بالذهاب إلي المظهرثم بعد ذلك قم بالضغط علي تعديل HTML ..

4/ ثم بعد ذلك قم بوضع الماوس علي خانة أكواد الصفحة ثم قم بالضغط علي Control  + F بعد ذلك قم بإضافة الوسم <b:skin/> في خانة البحث ثم إضغط Enter  بعد الضغط علي Enter ستظهر <b:skin/>  معلمة أي عليها علامة باللون الأصفر قم بالضغط علي النقاط الموجودة أمام الوسم <b:skin/>..

5/ ثم بعد ذالك قم بإضافة كود إخفاء نموذج الإتصال ..

#ContactForm1{display:none!important}

6/ ثم بعد إضافة كود إخفاء نموذج الإتصال قم بإضافة الكود التي وهو عبارة عن كود  خاص بإظهار الأيقونات علي النموذج الجديد..

<link href='//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css' rel='stylesheet'/>

7/ بعد ذلك سنقوم بإنشاء صفحة جديدة قم بالإنتقال من التخطيط إلي الصفحات ثم بعد ذلك قم بالضغط علي صفحة جديدة ..

8/ ثم قم بالضغط علي HTML ..

9/ بعد ذلك قم بتحديد الكل بإستخدام الأمر Control + A  ثم قم بإستدال الكود المكتوب بالكود الثالث الموجود علي الملف بعد تحميله من الرابط التالي  جميع الأكواد التي ستحتاج إليها في الرابط التالي أول كود عبارة عن كود إخفاء نموذج الإتصال الكود الثاني خاص بإظهار الأيقونات أما الكود الثالث والأخير عبارة عن الكود الذي ستقوم بإضافته في الصفحة الجديدة التي ستقوم بإنشائها وهو كود خاص بنموذج الإتصال الذي قمنا بتصميمه ...

رابط تحميل الكود

10/ بعد ذلك وقبل أن تقوم بعمل حفظ للصفحة إضغط علي خيارات أعلي الصفحة علي الجهة اليسري في الأعلي ثم قم بإختيار خيارات وأجعل تعليقات القراء عدم السماح بعد ذلك قم بعمل حفظ للصفحة ..

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

12/ ولجعل الصفحة تظهر عندما يقوم الزائر بالضغط علي إتصل بنا لابد من ربط الصفحة مع زر أو جملة إتصل بنا  التي يقوم الزائر بالضغط عليها , الطريقة سهلة جداً ماعليك سوي أخذ رابط الصفحة من أعلي المدونة بعد أن تعمل لها عرض كما رائينا في الخطوة  السابقة رقم  11 ثم قم بإضافة رابط الصفحة إلي  إتصل بنا , جملة إتصل بنا أو زر أتصل بنا إبحث عنه في التخطيط بعد أن تجده قم بإضافة الرابط إليه وبذلك وبمجرد أن يضغط الزائر علي إتصل بنا سيتم نقله تلقائية إلي النموذج الذي قمنا بتصميمه..

أتمني إنه الشرح يكون مفييد

تحياتي في أمان الله