كيف تجعل التسميات في بلوجر قائمة منسدلة

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

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


كيف اجعل التسميات في مدونتي على شكل قائمة منسدلة؟

خذ نسخة إحتياطية من قالب مدونتك قبل أي شيء
1. يجب أن تكون قد أضفت مؤخرًا أداة "التسميات" وذلك يتم من خلال التخطيط ثم أنقر على إضافة اداة ثم اختيار أداة "التسميات".


2. لعمل قائمة التسميات على شكل قائمة منسدلة أنتقل إلى القالب ثم انقر على
3. أنتقل إلى أداة التسميات من خلال "الإنتقال إلى اداة" ثم أختر "Label"


4. حدد كامل الكود المشار إليه في الصورة السابقة وهو كالتالي:

      <b:widget id='Label1' locked='false' title='أقسام المدونة' type='Label' version='1' visible='true'>
              <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>
                        </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>

5. وإستبدله بالكود التالي:
         <b:widget id='Label1' locked='false' title='أقسام المدونة' type='Label' version='1' visible='true'>
            <b:includable id='main'> <b:if cond='data:title'>
<h3><data:title/></h3> </b:if> 
<div class='widget-content'>
<select onchange='location=this.options[this.selectedIndex].value;' style='width:100%'> <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></div> </b:includable>
          </b:widget>

6. أنقر على  


مشاركات أقدم المقال التالي
لا يوجد تعليقات
أضف تعليق
عنوان التعليق