طريقة إضافة كود القائمة المنسدله لإقسام المدونه ( التسميات )

---

طريقة إضافة كود القائمة المنسدله لإقسام المدونه ( التسميات )

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

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

الطريقة سهله جدً .. تابع الشرح هنا خطوه بخطوه
اولاً - ندخل إلى صفحة لوحة التحكم ثم نقوم بإختيار التصميم كما في الصوره ( 1 )
ومن ثم نقوم بتحرير HTML كما هو بالصوره ( 2 )

( 1 )

( 2 )

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

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

وبعد ذلك قم بالضغط على مفتاح ( F3 ) من لوحة الكيبورد لكي يظهر لك مربع البحث كما هو بالصورة التاليه

ثم نأتي بعد ذلك لعمليه إضافة الكود قم بنسخ الكود التالي وضعه في مربع البحث

كود بلغة HTML:

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

سيظهر لك الكود باللون الاصفر

وهو جزء من هذا الكود

كود بلغة HTML:

<ul> <b:loop values='data:labels' var='label'> <li><br /> <b:if cond='data:blog.url == data:label.url'><br /> <data:label.name/><br /> <b:else/><br /> <a expr:href='data:label.url'><data:label.name/></a><br /> </b:if><br /> (<data:label.count/>)<br /> </li> </b:loop> </ul>

بعد تحديد الكود السابق قم بإستبداله بالكود التالي

كود بلغة HTML:

<br/>          <select onchange='location=this.options[this.selectedIndex].value;'>         <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>

وبعد ذلك قم بمعاينة العمل إذا لم يظهر لديك أي أخطاء قم بحفظ القالب