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>

​ခု ​က်​ေနာ္​ရွင္း​ျပ​တာ ​နား​မ​လည္​ေသး​တဲ့​သူ​ရွိ​ရင္​ေျပာ​ပါ ​က်​ေနာ္ ​ထပ္​ၿပီး​ေတာ့ ​ရွင္း​ေပး​ပါ့​မယ္။ ​အ​ဆင္​ေျပ​တယ္ ​မ​ေျပ​ဘူး ​ကြန္​မန္႔​ေရး​ေပး​ခဲ့​ႏိုင္​ပါ​တယ္။ ​ကြန္​မန္႔​ကို ​ေဖ့​ဘုတ္​အ​ေကာင့္ ​ရွိ​သူ​ေတြ​ပါ ​ေရး​သား​ႏိုင္​ေအာင္​လို႔ facebook ​ကြန္​မန္႔ box ​ပါ ​ထည့္​ေပး​ထား​ပါ​တယ္။