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

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

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

تعالو معى نتعرف على الطريقة لوضع الاكواد بداخل اطار :
فى البداية ادخل الى لوحة تحكم مدونتك ومن بعدها اضغط على القالب
الأن اضغط على تحرير HTML

الان اضغط على زر متابعة

الان قم بتوسيع القالب كما واضح لتا بالصورة التالية

الان اضغط على CTRL + F من الكيبورد لظهور عملية البحث عن الأكود بالمتصفح
ابحث عن هذا الكود :

 ]]></b:skin>

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

#code {
padding:5px;
border:1px  dashed;
background-color:#353535;

direction: ltr;
text-align:  left;
height:100px;
overflow-y:scroll;
} 

قم بحفظ النموذج

الان عندما تضع الكود فى اطار انشاء الموضوع كما تنشه من قبل
وعند وضع الكود داخل اطار اضغط على زر HTML كما واضح لنا بالصورة التالية:

الان ضع هذا الكود

<div id="code">

اكتب الكود المطلوب هنا

</div>

كما واضح بالكود السابق نضع محتوى الكود المطلوب الذى تضعة بالمشاركة ما بين كلمة اكتب الكود المطلوب هنا

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

انتهى الشرح وانتظرونا بالدرس القادم