تحويل اقسام المدونة الى قائمة منسدلة

تحويل اقسام المدونة الى قائمة منسدلة , طريقة تحويل اقسام المدونة الى قائمة منسدلة

 , كيفية تحويل اقسام المدونة الى قائمة منسدلة

 , انشاء تحويل اقسام المدونة الى قائمة منسدلة

 , كيفية تحويل اقسام المدونة الى قائمة منسدلة

 , وضع تحويل اقسام المدونة الى قائمة منسدلة

 , تحويل اقسام المدونة الى قائمة منسدلة

 , تحويل اقسام المدونة الى قائمة منسدلة

 فى بلوجر , تحويل اقسام المدونة الى قائمة منسدلة

 لبلوجر 

بسم الله  الرحمن الرحيم 

موضوعنا النهاردة عن تحويل اقسام المدونة الى قائمة منسدلة 

و قد حاولت و بحثت عن الموضوع دة كتيير حتى وجدت الحل 

طبعا عندما تضيف اداة label او التسميات 

( اقسام المدونة )  فهي تظهر بشكل قائمة عادية و ليست منسدلة فتأخذ مساحة كبيرة من السيد بار sidebar و لا تلفت انتباة الزائرين و خصوصا اذا كانت الاقسام بها كثيرة

و لكن مع القائمة المنسدلة سوف يكون شكلها افضل  

الطريقة :

1.ندخل تخطيط 

2.تحرير html

3.توسيع قوالب عناصر واجهة المستخدم

لا تنسى ان تحفظ نسخة احطياطية من قالب المدونة للشرح 

1. ابحث عن الكود التالي :بأستخدام  (ctrl+f)

<b:loop values='data:labels' var='label'>

2. و الكود السابق يكون جزء من الكود التالي :

<ul>

<b:loop values='data:labels' var='label'>

<li>

<b:if cond='data:blog.url == data:label.url'>

<data:label.name/>

<b:else/>

<a expr:href='data:label.url'><data:label.name/></a>

</b:if>

(<data:label.count/>)

</li>

</b:loop>

</ul> 

حدد هذا الكود و استبدله بالكود التالي :

<br />

        <select onchange='location=this.options[this.selectedIndex].value;'>

        <option>Select a label</option>

        <b:loop values='data:labels' var='label'>

        <option expr:value='data:label.url'><data:label.name/>

        (<data:label.count/>)

        </option>

        </b:loop>

        </select>

4. اضغط معاينة للتأكد من فاعلية الكود

5. اضغط حفظ القالب

و كدة نكون انتهينا من الشرح