أقسام المدونة على شكل قائمة تنزل .

Share

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

السلام عليكم ورحمة الله .

أهلا أعزائي زوار ومتتبعي مدونة الحلم، ما أخباركم مع رمضان ...؟ تعبانين شوي...؟ هههــه

الدرس :

إذا كانت مدونتك تحتوي على عدد كبير من التسميات و الأقسام ... فسيفيدك هذا الدرس حتما

تخيل معي لو أن مدونتك تحتوي على عدد كبير من التسميات و الأقسام، ستفقد بهذا مساحة قيمة من واجهة مدونتك، مساحة يمكن أن تستغلها في شيء آخر مفيد ....

لاحظ الصورة :



والآن تتبع معي هذه الخطوات البسيطة للقيام بهذا الدرس.

[....]




نبدأ على بركة المولى ::


أولا :
نقوم بالتالي

مهم : التخطيط ==> تحرير HTML ونقوم بتحميل نسخة عن القالب (احتياطا)

والآن نتوجه إلى : لوحة التحكم ==> التخطيط ==> تحرير html

نقوم بتوسيع القالب :

والآن نبحث (Ctrl + F) عن الكود التالي :

<b:widget id='Label1' locked='false' title='أقسام المدونة' type='Label'>

يرجى التركيز هنا ::

التسميات في مدونة الحلم، موضوعة بإسم "أقسام المدونة"، ما عليك هو إستبدال أقسام المدونة في الكود السابق بالمناسب في مدوناتكم .

------------------------

والآن بعد إيجاد الكود السابق ..... بدله بالآتي ::

<b:widget id='Label1' locked='false' title='أقسام المدونة' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>

<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>

<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

إضغط "معاينة" إذا نجحت الطريقة فقم "بالحفظ"

والسلام عليكم ورحمة الله .

~|صح فطوركم|~