Blog Label ေတြကုိ scrollBar နဲ႔လုပ္နည္း

ဒီေန႔ကၽြန္ေတာ္ေျပာျပမယ့္နည္္းေလးကိုသိျပီးသားလူမ်ားလဲရွိမွာပါ...မသိေသးသူမ်ားအတြက္ရည္ရြယ္ပါတယ္ခင္ဗ်ာ...  ကၽြန္ေတာ္ေျပာျပမယ္နည္းေလးကေတာ့  Blog Label ေတြကုိ scrollBar နဲ႔လုပ္နည္း ဘဲျဖစ္ပါတယ္ခင္ဗ်ာ...

   ကဲစမယ္ဗ်ာ....

• Blogger.com ကုိ Sign In ၀င္လုိက္ပါ။
• ျပီးရင္ Layout ကိုသြားပါ။

 

• Layout ကေန Labels ကိုသြားပါ။

• ျပီးရင္ Edit မွေနျပီး Title ကိုမိမိၾကိဳက္တဲ့နာမည္နဲ႔ျပင္ပါ။ျပီးရင္ေတာ့ Save ေပါ့။(ကၽြန္ေတာ္ကေတာ့ by mmitshareလို႔ျပင္ပါတယ္...ဘာျဖစ္လို႔လဲဆိုေတာ့ html ကုဒ္ရွာတဲ့အခါမွာရွာရလြယ္ေအာင္ျဖစ္ပါတယ္...Labels အတိုင္းထားလို႔ေတာ့ရပါတယ္..ဒါေပမယ့္ html ကုဒ္ေတြရွာတဲ့အခါ Labels ေတြအမ်ားၾကီးေပၚလာျပီးရွာရခက္မွာစိုးလို႔ပါ...)

 

•  ျပီးရင္ေတာ့ Template ကိုသြားပါ။

•   ျပီးရင္ Edit HTML ကိုႏွိပ္ပါ။

• html code ေတြရွိေနတဲ့ အကြက္ထဲကုိ mouse နဲ႔ တစ္ခ်က္ႏွိပ္ပါ။ ctrl + f ကုိ ႏွိပ္ပါ search box ေပၚလာပါမယ္။ 

•  Search box ေပၚလာရင္ ကၽြန္ေတာ္ အေပၚမွာျပင္ခဲ့တဲ့ Labels Title ( by mmitshare )  ကို ရိုက္ျပီး Enter ေခါက္လိုက္ပါ။အဲ့ဒါဆိုရင္ .....

<b:widget id='Label3' locked='false' title='by mmitshare' type='Label'> 

   အဲ့လိုမ်ဳိးေတြ႕ရပါလိမ့္မယ္။ေတြ႔ရင္အဲ့ဒီေအာက္မွာေအာက္ကေပးထားတဲ့ကုဒ္ကို copy ကူးထည့္လိုက္ပါ...

<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;'>
<div style='overflow:auto; width:ancho; height:300px;'>
<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>

</div>
</b:includable>
</b:widget>

အနီေရာင္ျဖင့္ 300 လို႔ျပထားတဲ့ေနရာမွာၾကိဳက္သေလာက္ထည့္လို႔ရပါတယ္ခင္ဗ်ာ။မ်ားလာရင္ scroll bar က ရွည္လာမွာျဖစ္ပါတယ္။

• ျပီးရင္ Save Template ကိုႏွိပ္ျပီး Save လိုက္ပါ...
• ၀ဘ္ဆုိက္မွာ ျပန္ၾကည့္လုိက္ပါ scrollbar ေလးနဲ႔ ေပၚေနတာကုိေတြ႕ရမွာပါ....
• ျပီးရင္ေတာ့ ေစာေစာကရွာရခက္မွာစိုးလို႔ Labels ေနရာမွာ by mmitshare လိုေျပာင္းထားတာကို ကိုယ္ထားခ်င္တဲ့နာမည္ျပန္ေျပာင္းထားႏိုင္ပါတယ္...အဆင္ေျပၾကပါေစခင္ဗ်ာ..

Credit by http://soenaungnaungg.blogspot.com/