اضافة وسوم او تصنيفات المدونة في قائمة منسدلة

درس جديد واضافة حصرية لمدونات بلوجر عمل وسوم او تصنيفات المدونة في قائمة منسدلة (selection menu) مع امكانية الانتقال الى الصنف المطلوب، ومن مميزاتها انها لاتأخذ مساحة كبيرة من القالب مع القدرة على التحكم بشكلها.
اولا ابحث عن الكود التالي :
]]></b:skin>
ثم قم بلصق اكواد CSS التالية قبلة :
.select-item{
width:97%;
margin-right:1.25%;
margin-left:1.25%;
margin-top:5px;
margin-bottom:5px;
height:44px;
padding:3px;
font-family:'Droid Arabic Kufi', Tahoma, Arial, sans-serif;
}
.select-item option{
 padding-right:5px;
 font-family:'Droid Arabic Kufi', Tahoma, Arial, sans-serif;
}
ثانيا : ضع الكود التالي قبل اغلاق الوسم body :
<script type="text/javascript">
/* <![CDATA[ */
(function() {
 var dropdown = document.getElementById( "cat" );
 function onCatChange() {
  if ( dropdown.options[ dropdown.selectedIndex ].value != null ) {
   location.href = dropdown.options[ dropdown.selectedIndex ].value;
  }
 }
 dropdown.onchange = onCatChange;
})();
/* ]]> */
</script>
ثالثا : ضع الكود التالي بالمكان الذي تريده ان يظهر ويمكنك ان تضيف اداة html/javascript من التخطيط وتضيف الكود التالي مع تغيير القيمة 6 في max-results الى العدد الذي تريده ان يظهر كما في مدونتك :
<select name='cat' class='select-item' id='cat' dir='rtl'>
   <option  value=''>
اختر تصنيف...
        </option>
      <b:loop values='data:labels' var='label'>
        <option expr:value='data:label.url + &quot;?&amp;max-results=6&quot;'>
            <data:label.name/> (<data:label.count/>)
        </option>
      </b:loop>
</select>
الى هنا انتهى الدرس واتمنى تستفيدوا من الاداة واي مشكلة تواجهك ضعها في تعليق.
مواضيع ذات صلة

0 اترك تعليقاً...