إضافة وصفا أو تلميحا لكل تسمية بمدونات بلوجر

عدد مشاهدات الموضوع:
أداة التسميات أو Labels لها أهمية كبيرة بمدونات بلوجر حيث يستخدمها كل مُدون باعتبارها أقسام مدونته التى تشمل كل تسمية منهم بعض من الموضوعات الخاصة بجزء معين. وليكن مثلا تسمية CSS3 تهتم بلغات البرمجة الخاصة بذلك الجزء وكمثال أخر SEO يهتم بمجال تهيئة مواقع البحث وتقوية الأرشفة وغيرها من التسميات أو الأقسام التى تهتم بها مدونتك. تُفيد الكاتب بتنظيم مدونته وكذلك تُفيد الزائر بتسهيل توجيهه لما يرغب قراءته واهتماماته وبحثه.



 سنشرح خلال ذلك الموضوع كيفية إضافة تلميحا أو وصفا لكل تسمية من تسميات مدونتك كما يظهر بالصورة السابقة لبعض التسميات مثل CSS3 و google وغيرهما. فائدة ذلك التلميح هو للتوضيح ووصف الأقسام وما يحتوى باختصار.
ولتبدأ معنا بتفعيل موضوعنا يجب عليك أولا التوجه الى تخطيط Layout بلوحة تحكم مدونتك وإضافة أداة التسميات Labels. وقم بالتحديد على تلك الإختيارات كما بالصورة السابقة. ولا تنسى عند نشرك موضوعا ما أن تكتب التسمية الخاصة بالموضوع ليتوجه اليها الموضوع مثل الصورة التالية.
والأن بعد إضافتك لأداة التسميات ومعرفة استخدامها وأهميتها لك ولزائرك الكريم, قم بالتوجة الى قالب ثم تعديل HTML والبحث عن الكود التالى
 <b:widget id='Label1 
وتظليل الأداة بالكامل كما بالصورة التالية ولا تقم بالضغط على النقاط ... ليظهر كود الأداة بالكامل حتى لا تُخطىء بالخطوة التالية.

بعد تظليل كود الأداة بالطريقة السابقة قم باستبداله بالكود التالى:
<b:widget id='Label1' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
<b:if cond='data:display == &quot;list&quot;'>
<ul>
<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>
<b:if cond='data:showFreqNumbers'>
<span dir='ltr'>(<data:label.count/>)</span>
</b:if>
<!-- Label Description Start -->
<b:if cond='data:label.name == "اسم التسمية الأولى"'>
<span class="labeldesc"> - اكتب الوصف هنا</span>
</b:if>
<b:if cond='data:label.name == "اسم التسمية الثانية"'>
<span class="labeldesc"> - اكتب الوصف هنا</span>
</b:if>
<b:if cond='data:label.name == "اسم التسمية الثالثة"'>
<span class="labeldesc"> - اكتب الوصف هنا</span>
</b:if>
<!-- Label Description End-->
</li>
</b:loop>
</ul>
<b:else/>
<b:loop values='data:labels' var='label'>
<span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
<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>
<b:if cond='data:showFreqNumbers'>
<span class='label-count' dir='ltr'>(<data:label.count/>)</span>
</b:if>
</span>
</b:loop>
</b:if>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

يمكنك تفعيل ما سبق على جميع التسميات بزيادة الكود التالى بعد نهاية كود التسمية الأخرى (بعد الوسم الأزرق بالكود الاسبق)وهكذا.
<b:if cond='data:label.name == "اسم التسمية الرابعة"'>
<span class="labeldesc"> - اكتب الوصف هنا</span>
</b:if>
بعد الانتهاء قم بحفظ القالب والمعاينة. مصدر مساعد

هناك 4 تعليقات:

  1. حنان الحوطي2:52 ص

    اضافة جميلة لوصف كل تسمية على حدها
    اشكرك على هذا الشرح التفصيلي

    ردحذف
  2. كود أكثر من رائع .. شكراً لك على مشاركته معنا

    ردحذف
  3. طريقة رائعة شكراً لك على الافادة
    Shahid Anime

    ردحذف

مدونة أبو إياد تصميم بلوجرام جميع الحقوق محفوظة 2016

اعلان مخفى فى الرئيسية