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

Add Labels Rss Feed Link Button To Blogger Categories .

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

كما يوجد في المنتديات فإننا نجد بجوار كل قسم من اقسام المنتدي خلاصة لمواضيع القسم مما يتيح للزائر الاشتراك في خلاصة قسم بعينه ..
ويمكننا الآن اضافة خلاصة المواضيع بجوار كل قسم من اقسام المدونه كما يظهر في الصورة ..

والكود المستخدم هنا به تحديثات حصرية للموسوعة العربية للمعلومات ..
تحديثات هذا الكود ...

1 - عن الضغط علي الخلاصة تفتح في نافذه جديدة .
2 - عند الوقوف علي أيقونه الخلاصة تظهر جملة " اشترك في هذا القسم " ويمكنك تغيرها ، أما في الكود الموجود في بعض المواقع فبدلا من اشترك في هذا القسم تظهر "  Subscribe " والتي لم تكن تظهر في بعض المتصفحات مثل الفايرفوكس .

نبدأ شرح إضافة الكود ...

1 - تخطيط Layout >> تحرير هتمل Edit HTML .

2 - قم بأخذ نسخه احتياطية من القالب .

3 - قم بتوسيع القالب Expand Widget Templates .

4 - إبحث عن الكود الآتي :

<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<span dir='ltr'/>
</li>
</b:loop>

5 - قم بإستبدالة بالكود التالي :

<b:loop values='data:labels' var='label'>
<li>
<a expr:href='data:blog.homepageUrl + "feeds/posts/default/-/" + data:label.name' target='_blank' ><img alt='إشترك في هذا القسم' src='http://www.feedburner.com/fb/images/pub/feed-icon16x16.png' style='vertical-align:middle;border:0'  title='إشترك في هذا القسم' /></a>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<span dir='ltr'/>
</li>
</b:loop>

والآن قم بمعاينه القالب لتتأكد من عدم وجود أخطاء ثم قم بحفظ القالب وشاهد النتيجة ..

في بعض القوالب لا تظهر الأضافة كما في الصورة السابقة بل تظهر بهذا الشكل :

ولكي تتفادي هذه المشكلة قم باضافة الكود التالي بدلاً من الكود السابق ..

<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<span dir='ltr'/>
<a expr:href='data:blog.homepageUrl + "feeds/posts/default/-/" + data:label.name' target='_blank'><img alt='إشترك في هذا القسم' src='http://www.feedburner.com/fb/images/pub/feed-icon16x16.png' style='vertical-align:middle;border:0' title='إشترك في هذا القسم' /></a>
</li>
</b:loop>

* ملحوظة يمكنك إستبدال عبارة " إشترك في هذا القسم" بالعبارة التي تفضلها ..

الآن قم بحفظ القالب وشاهد النتيجة ..

الموسوعة العربية للمعلومات

تمت بحمد الله .