Label မ်ားကို Drop Down ပံုစံျဖင့္ ေဖာ္ျပျခင္း

ဒီပို႔စ္မွာ က်ေနာ္တုိ႔ Label ကို Drop Down List ပံုစံနဲ႔ ဘယ္လို ေဖာ္ျပမလဲ ဆိုတာ ေဆြးေႏြးေပးခ်င္ပါတယ္။ Drop Down List ဆိုတာ ေအာက္မွာ ျပထားသလိုေပါ႔။ တကယ္လို႔ အဲဒီလို Drop Down List နဲ႔ Label ကို ျပမယ္ဆိုရင္ ေနရာ အမ်ားႀကီး က်ံဳ႕သြားပါတယ္။ ဒါေပမယ့္ အၫႊန္းေတြကို အကုန္လံုး ခပ္ရွင္းရွင္း ေဖာ္ျပထားခ်င္တဲ့ လူေတြအတြက္ေတာ့ ဒီလို လုပ္ခ်င္မွာ မဟုတ္ပါဘူး။ ကဲ က်ေနာ္တို႔ ေလ့က်င့္ခန္းေလး စလိုက္ရေအာင္။

....... စာၫႊန္းမ်ား ....... Image Labels Text

တခ်ဳိ႕ ဘေလာ့ဂ္ေတြမွာ Label ကို လုပ္ထားၿပီးသား ရွိေနပါလိမ့္မယ္။ တကယ္လို႔ လုပ္ၿပီးသား ျဖစ္ေနရင္ အရင္ဆံုး အဲ့ဒီ Label Element ကို အရင္ ဖ်က္ေပးပါ။ Layout >> Page Element မွာ အဲဒီ Label Element ကို Edit လုပ္ၿပီး Remove ခလုတ္ ႏွိပ္ၿပီး ဖယ္ေပးပါ။ Label Element ထည့္ထားတာ မရွိတဲ့သူက ဒီကေန စလုပ္ပါ႔မယ္။

Layout >> Edit HTML မွာ Expand Widget Templates ကို အမွန္ျခစ္ ျခစ္ေပးပါ။ ၿပီးရင္း </b:widget> နဲ႔ <b:widget id=' .... ၾကားမွာ ေအာက္က Code ကို ထည့္ေပးပါ။

<br /><b:widget id='Label1' locked='false' title='Labels' type='Label'><br /><b:includable id='main'><br /><b:if cond='data:title'><br /><h2><data:title/></h2><br /></b:if><br /><div class='widget-content'><br /><br /><select onchange='location=this.options[this.selectedIndex].value;' style='width:200px'><br /><option>Labels</option><br /><b:loop values='data:labels' var='label'><br /><option expr:value='data:post.url + "/search/label/" + data:label.name'><data:label.name/><br /></option><br /></b:loop><br /></select><br /><br /><b:include name='quickedit'/><br /></div><br /></b:includable><br /></b:widget>
Line 8 >> width:200px မွာ ကိုယ္နဲ႔ အဆင္ေျပမယ့္ Width ကို ျပင္ေပးပါ။
Line 9 >> Labels ဆိုတဲ့ေနရာမွာ ကိုယ္ ေပၚေနစခ်င္တဲ့ စာေၾကာင္း ထည့္ေပးပါ။

ဒါဆို က်ေနာ္တို႔ လိုခ်င္တဲ့ Drop Down Label List ရပါၿပီ။ အဆင္ေျပပါေစဗ်ာ။

ဆက္ႏြယ္ေသာပို႔စ္မ်ား

• Label မ်ားကို Menu ပံုစံျဖင့္ ေဖာ္ျပျခင္း
• Label မ်ားကို ေဒါင္လိုက္ Menu ပံုစံျဖင့္ ေဖာ္ျပျခင္း
• Label တစ္ခုခ်င္းစီအား ပုိ႔စ္ေခါင္းစဥ္ႏွင့္တကြ ေဖာ္ျပျခင္း