Blog archive ကုိလည္း scroll bar နဲ႔ ထားရေအာင္

ကဲ ခုနကေတာ့ Label ခုတစ္ခါေတာ့ Blog Archive ကုိ ထားၾကည့္ရေအာင္ လုပ္ရတာလြယ္ပါတယ္ ။ ခုနက ပုိ႔စ္ကတည္းကေန ထည့္ေရးလုိက္ရင္ ပုိ႔စ္က ရွည္ေနမွာ စုိးလုိ႔ ခြဲေရးလုိက္တာပါ။ အစပထမအတုိင္းပဲ

1. Blogger.com ကုိ Sign In ၀င္လုိက္ပါ။
2. Template ကုိႏွိပ္ပါ။
3. Edit Html ကုိႏွိပ္ပါ
4. html code ေတြရွိေနတဲ့ အကြက္ထဲကုိ mouse နဲ႔ တစ္ခ်က္ႏွိပ္ပါ။
5. ctrl + f ကုိ ႏွိပ္ပါ search box ေပၚလာပါမယ္။
6. search box ကေန <div id='ArchiveList'> လုိ႔ ရုိက္ၿပီးေတာ့ ရွာလုိက္ပါ။
7. ၿပီးတာနဲ႔ ေအာက္ကလုိ ျဖစ္ေအာင္ ျပင္ေပးရပါမယ္။ ထည့္ရမယ့္ Link ကေတာ့ ေအာက္မွာ အနီေရာင္နဲ႔ ျပထားပါတယ္။

<div id='ArchiveList'>
<div style='overflow:auto; width:ancho; height:300px;'>
<div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
<b:if cond='data:style == &quot;HIERARCHY&quot;'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == &quot;FLAT&quot;'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == &quot;MENU&quot;'>
<b:include data='data' name='menu'/>
</b:if>
</div>
</div>
</div>
<b:include name='quickedit'/>
</div>

အေပၚကလုိ ျဖစ္သြားေအာင္ ျပင္ေပးရမွာပါ လုံး၀မွ မျပင္တတ္ရင္ေတာ့ အလြယ္ဆုံးနည္းက

<div id='ArchiveList'>
......
.......
<b:include name='quickedit'/>
</div>

အခုျပထားတဲ့ ခရမ္းေရာင္နဲ႔ အစကေန အဆုံးအထိ ဖ်က္ပစ္ၿပီးေတာ့ ခုနက က်ေနာ္ေပးထားတဲ့ ကုတ္ကုိ ထည့္ေပးလုိက္လည္းျဖစ္ပါတယ္။ ဒုတိယ စာေၾကာင္းေနရာမွာ

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

အဲ့ code ကုိ ထပ္ျဖည့္ထည့္ေပးလုိက္လည္းျဖစ္ပါတယ္။ အဲ့လုိ တစ္ေၾကာင္းထဲ ျဖည့္ေပးရတဲ့အခါက်ရင္ေတာ့ ေအာက္က <b:include name='quickedit'/> ရဲ႕ အေပၚမွာ </div> ဆုိတဲ့ ကုတ္တစ္ခု ထပ္ျဖည့္ေပးရပါတယ္။ ထည့္ရမယ့္ ကုတ္ကုိ ဒီတစ္ခါ အျပာေရာင္နဲ႔ျပေပးပါ့မယ္။ </div> မထည့္ရင္ error ေပၚပါလိမ့္မယ္။ ခုေအာက္ကလုိမ်ိဳး မျဖည့္တတ္ဘူးဆုိရင္ေတာ့ က်ေနာ္အစက ေျပာသလုိပဲ ခရမ္းေရာင္ျပထားတဲ့ <div id='ArchiveList'> ကစၿပီး <b:include name='quickedit'/> ေအာက္က </div> အထိကုိ ဖ်က္ပစ္ပါ။ ၿပီးေတာ့ ခုေအာက္က ေပးထားတဲ့ အတုိင္း ျဖစ္ရင္ရပါၿပီ။ 300 ကေတာ့ ကုိျပင္ခ်င္တဲ့အတုိင္းျပင္ပါ။

<div id='ArchiveList'>
<div style='overflow:auto; width:ancho; height:300px;'>
<div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
<b:if cond='data:style == &quot;HIERARCHY&quot;'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == &quot;FLAT&quot;'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == &quot;MENU&quot;'>
<b:include data='data' name='menu'/>
</b:if>
</div>
</div>
</div>
<b:include name='quickedit'/>
</div>

Posted by ညီေနမင္း