0


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


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

خذ نسخة إحتياطية من قالب مدونتك قبل أي شيء
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. أنقر على  


المصدر مداد الجليد

إرسال تعليق

جميع الردود تعبّر عن رأي كاتبيها فقط. حريّة النقد والرد متاحة لجميع الزوار بشرط أن لا يكون الرد خارج نطاق الموضوع وأن يكون خال من الكلمات البذيئة. تذكّر قول الله عز وجل (مَا يَلْفِظُ مِن قَوْلٍ إِلاَّ لَدَيْهِ رَقِيبٌ عَتِيد).

 
Top