كيفية تغير قائمة التسميات او اقسام المدونة الافتراضية الى قائمة منسدلة

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

الان سيظهر لك صفحة قم بالضغط على تحرير HTML

تابع معى الان قم بالضغط على زر المتابعة مثل ما واضح بالصورة

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

الأن جاء الى الأهم قم بالضغط على ازرر CTRL + F من الكيبورد لوحة المفاتيح لظهور خاصية البحث
قم بالبحث عن كلمة تسميات او تصنيف او اقسام كما توجد بمدونتك على سبيل المثال مدونتى مكتوبة تسميات قمت بالبحث عن هذه الكلمة ستجد اكواد ماذا نفعل الأن ؟ وما هى الاكواد الذى نريد الوصول اليها لكى نقوم بتغيرها ؟
الان بعد ما تم الوصول الى كلمة التسميات ستشاهد اسفل هذه الكلمة اكواد الذى يهمنا فى ذلك الوصول الى هذا الرمز او الدلة كما واضح لنا بالصورة التالية المشار باللون السماوى بداية الكود دالة  </ul> ونهاية الكود دالة  </ul>

سنقوم بتغير هذه الاكواد المشار باللون السماوى الى هذا الكود :

<select onchange='location=this.options[this.selectedIndex].value;' style='width:100%'>
<option>التسميات</option>
<b:loop values='data:labels' var='label'>
<option expr:value='data:label.url'><data:label.name/>
(<data:label.count/>)
</option>
</b:loop>
</select>

ملحوظة : لماذا وضعت لكم صورة للتوضيح لأن اكواد القالب تختلف من قالب الى اخر ولكن هذا الرمز او الدالة  </ul> متواجدة بجميع القوالب ولكن محتوى داخلة الاكواد مختلفة فلذلك وضعت لكم هذا الرمز لمعرفة الكود المطلوب الذى نريد تغيره .

وهذه صورة موضحة للشكل القديم

وهذه صورة موضحة للشكل الجديد

انتهى الشرح ولن اقول غير لا خير فى كاتم العلم