Subcribe to our RSS feeds Join Us on Facebook Join Us on Facebook Join Us on Facebook Follow us on Twitter Add to Circles

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

كينج نت ملك النت | 5/25/2012 |

تنسيق الأكواد عند انشاء موضوع من اهم العوامل الذى ينجذب اليها الزوار وبالتالى يؤدى الى تنسيق صفحة المشاركة لتظهر بشكل مرتب فكثيرا ارى بعض المدونات تضع مشاركات فى منتهى الأهمية لكن للأسف الاكواد المتواجدة بالمشاركة ليس بداخل اطار فبتالى تجد صفحة الموضوع مشوهه بعض الشيى كتدهور الأكواد بصفحة المدونة وقد ترى الاكواد ممتدة بصفحات المشاركات عندما يريد الزائر بأخذ هذه الاكواد كالتعديل على القوالب فاللاسف لن يقدر هذا الزائر بنسخ هذا الكود لانة ممتد بالصفحة .
للاسف رغم قوة مدونة بلوجر الا انة لايوجد محرر 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>
كما واضح بالكود السابق نضع محتوى الكود المطلوب الذى تضعة بالمشاركة ما بين كلمة اكتب الكود المطلوب هنا

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










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

هناك 11 تعليقًا :

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

    ردحذف
  2. هى فعلا معقدة بعض الشيى عند وضع رمز PHP او HTML بس هذا لا يمنع ان مدونات بلوجر مميزة

    ردحذف
  3. شكرا ليك على الدرس

    ردحذف
  4. شكرا لك على مشاركتك وارجو ان يكون الدرس افادك وافاد الجميع

    ردحذف
  5. انا بستخدم الفرونت بيدج عندما اضع كود ثم الصقة بالتدوينة

    ردحذف
  6. مثل ما قال العضو السابق استخدام الفرونت بيدج افضل من التخريب بالقالب

    ردحذف
  7. ممكن اتعرف عليك يا غالى

    ردحذف
  8. السلام عليكم كنت عاوز اعرف عمل اطار زى اللى انتا عاملة فى المواضيع الاطار الازرق ازاى

    ردحذف
  9. السلام عليكم كنت عاوز اعرف عمل اطار زى اللى انتا عاملة فى المواضيع الاطار الازرق ازاى

    ردحذف

قال تعالى ( مَا يَلْفِظُ مِن قَوْلٍ إِلا لَدَيْهِ رَقِيبٌ عَتِيدٌ )

الأرشيف