နည္းပညာ၊၃၅၆၊Kp3 ရဲ႕ဘေလာ့ Labels ေတြကို Auto Scroll လုပ္နည္း

အခုတင္တဲ့ပိုစ္ေလးကေတာ့မိမိရဲ႕ဘေလာ့LabelsေတြကိုScrollျဖစ္ေျပာင္းသံုးခ်င္တဲ့ဘေလာ့မိတ္ေဆြေတြအတြက္ေအာက္မွာ လုပ္နည္းနဲ႕တကြပံုလည္းျပထားေပးပါတယ္။ျပီးေတာ့အားလံုးသိျပီသားျဖစ္တဲ့ကြ်န္ေတာ္တို႕ရဲ႕အမိျမန္မာႏိုင္ငံေတာ္လံေလးလဲမသိေသးတဲ့ ဘေလာ့မိတ္ေဆြေတြအတြက္နဲ႕အမွတ္တရအျဖစ္ေအာက္မွာအမိျမန္မာႏိုင္ငံေတာ္ရဲ႕အလံေတာ္အသစ္ပံုနဲ႕အႏွစ္၂၀ေက်ာ္အေလးျပဳခဲ့ရတဲ့ အမိႏိုင္ငံေတာ္အလံေဟာင္းေလးလဲတင္ထားပါတယ္။kp3လည္းႏိုင္ငံေတာ္အလံကိုလဲခ်ိန္မေရာက္ဘဲနဲ႕အလဲခံလိုက္တာကိုသိလိုက္
ေတာ့စိတ္ထဲမွာနည္းပညာမေရးေတာ့ဘဲႏိုင္ငံေရးအေၾကာင္းဘဲေရးရင္ေကာင္းေတာ့မလားဆိုျပီးစဥ္းစားမိတယ္။ဘေလာ့မိတ္ေဆြ အားလံုးကိုခင္မင္ေလးစားလွ်က္Kp3မိသားစု
အမွတ္တရအျဖစ္တင္လိုက္တာပါ။
အႏွစ္၂၀ေက်ာ္အေလးျပဳရတဲ့အမိျမန္မာႏိုင္ငံေတာ္အလံ၁၉၇၄ - ၂၀၁၀

 ေအာက္ကဟာေလးကေတာ့အလံအသစ္လို႕ေျပာၾကတာပါဘဲ။

 အခုတင္လိုက္တဲ့ပိုစ္ရဲ႕ပံုကေတာ့ေအာက္ကဟာေလးပါဘဲ။

 
၁။Design

၂။Edit HTML

၃။Expand Widget Templates ကိုအမွန္ျဖစ္ေပးလိုက္ပါ။

၄။ေအာက္က Code ကိုရွာပါ။

<b:widget id='Label1' locked='false' title='Label' type='Label'>
<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>

၅။ေတြ႕ျပီဆိုရင္ေအာက္က Code အတုိင္းေျပာင္းေပးလိုက္ပါ။

<b:widget id='Label1' locked='false' title='Kategori' type='Label'>
<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:250px;'>
<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>

၆။အေပၚကCode နဲ႕ေအာက္က Code ကို ေကာင္းေကာင္းျပန္တိုက္ၾကည့္ပါ။အလယ္ေလာက္မွာေအာက္က Code ကိုထပ္ထည့္ေပးးပါတယ္။

<div style='overflow:auto; width:ancho; height:250px;'> 

၇။ေအာက္က Code ကိုျပန္ၾကည့္ပါ။ေအာက္ကေနၾကည့္ရင္နံပါတ္ ၃ေျမာက္တဲ့ Code မွာေအာက္က Code ကိုထပ္ထည့္ေပးပါတယ္။

</div> 

၈။ျပီးျပီဆိုရင္ Save Tamplate ႏိုပ္လိုက္ပါ။LabelsSetting မွာ List ကိုေရြးလိုက္ပါ။

မသိေသးတဲ႔မိတ္ေဆြေတြကိုအသိေပးမ်ွေဝေစခ်င္ပါတယ္၊
ဘေလာ့ဂါမိတ္ေဆြအားလံုးကိုအစဥ္ျမဲခ်စ္ခင္ေလးစားလၽွက္ kp3မိသားစု

Related Post

Posted in: BLOGGER HACK, BLOGGER TIPS, BLOGGER TUTORIAL