ဘေလာ့ထဲက Label နဲ႔ Archive ေတြကို Scroll Box ေလးနဲ႔ထားနည္း

ဒီနည္းက တစ္ခုလုပ္တတ္တာနဲ႔ တျခားတစ္ခုကို လုပ္တတ္ပါတယ္ ..
ဒီပို႔စ္မွာေတာ့ ကၽြန္ေတာ္က Blog Archive ကို Scroll Box ေလးနဲ႔
ထားတဲ့နည္းကို မွ်ေ၀ေပးပါမယ္ ..

Label ကို Scroll Box နဲ႔ထားခ်င္ရင္လည္း ဒီနည္းအတိုင္းပဲ လုပ္ေပးလိုက္႐ံုပါပဲ ...

ကဲ .. စၾကစို႔ ...
အရင္ဆံုး Blogger ကို Sign In ၀င္လိုက္ပါ
ၿပီးရင္ Layout ကိုသြားပါ






Blog Archive မထည့္ရေသးဘူးဆိုရင္ Add a widget ကေန Blog Archive ကိုေရြးၿပီး Save လုပ္ပါ
တကယ္လို႔ Blog Archive ထားၿပီးသားဆိုရင္ေတာ့ အဲဒီ Blog Archive ရဲ႕ နံမည္ကို ဘယ္လိုထားထားသလဲဆိုတာကို မွတ္ခဲ့ပါ
ေအာက္ကပံုထဲမွာေတာ့ ကၽြန္ေတာ္က ရွာရလြယ္ေအာင္ Archive In This Blog လို႔ နံမည္ေပးထားပါတယ္

Blog Archive ကို Save လုပ္ၿပီးၿပီဆိုရင္ေတာ့ Template ကိုသြားပါ
Edit HTML ကိုႏွိပ္ပါ
ပြင့္လာတဲ့ Template Coding ေတြထဲက ကိုယ္ေပးထားတဲ့ Blog Archive ရဲ႕နံမည္ကို လိုက္ရွာပါ
ကၽြန္ေတာ္ကေတာ့ Archive In This Blog ဆိုတာကို ရွာလိုက္ပါမယ္

ေတြ႕ၿပီဆိုရင္ေတာ့ အဲဒီ Code ေတြကို ျဖန္႔ေပးရပါမယ္ ..
ဆိုလိုတာက ကၽြန္ေတာ္တို႔ျမင္ေနတဲ့ကုဒ္ေတြဟာ ခ်ံဳ႕ထားတာပါ ..
ဘယ္ေနရာေတြမွာခ်ံဳ႕ထားတာလဲဆိုေတာ့  > .... </widget> အဲဒီလိုမ်ိဳးပံုစံထဲက အစက္ကေလးေတြထဲမွာ ကုဒ္ေတြကို ခ်ံဳ႕ထားတာပါ ..
သူ႕ကိုျဖန္႔ခ်င္ရင္ အဲဒီ အစက္ကေလးေတြေပၚမွာ ကလစ္တစ္ခ်က္ႏွိပ္ေပးလိုက္ရင္ ကုဒ္ေတြက်လာပါမယ္
အဲဒီလိုက်လာတဲ့ကုဒ္ေတြထဲက <div class='widget-content'>  ကို ရွာပါ
ေတြ႕ၿပီဆိုရင္ အဲဒီကုဒ္ရဲ႕ေနာက္နားမွာ ကလစ္တစ္ခ်က္ေပးၿပီး Enter ႏွိပ္လိုက္ရင္ ေအာက္မွာတစ္ေၾကာင္းစာ လြတ္သြားပါမယ္
အဲဒီလြတ္သြားတဲ့တစ္ေၾကာင္းေနရာမွာ ေအာက္က ကုဒ္ကို ေကာ္ပီကူးၿပီးထည့္လိုက္ပါ

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

အဲဒီလိုထည့္လိုက္တဲ့အခါမွာ ေလာေလာဆည္ ကုဒ္မွားေနတဲ့အတြက္ ေအာက္မွာရွိတဲ့ </...> ပံုစံကုဒ္ေတြဟာ အနီေရာင္ေတြ ျဖစ္ကုန္ပါမယ္ ..
စိုးရိမ္စရာမရွိပါဘူး ...
ေနာက္ထပ္ အဲဒီ ကုဒ္အုပ္စုထဲက

</div>

</div>

အဲဒီလို ႏွစ္ခုထပ္ေနတဲ့ေအာက္မွာ တစ္ေၾကာင္းစာေနရာေပးၿပီး ေနာက္ထပ္ </div> တစ္ခုထပ္ထည့္ေပးလိုက္ပါ
အဲဒီလိုဆိုရင္

</div>

</div>

</div>

<b:include name='quickedit'/>

အဲဒီလို သံုးခုဆင့္သြားပါမယ္
ဒါဆိုရင္ မွားေနတဲ့ကုဒ္အနီေရာင္ေတြအားလံုး အစိမ္းေရာင္ ျပန္ေျပာင္းသြားပါမယ္ ..
ေအာက္ပံုကေတာ့ လိုအပ္တဲ့ကုဒ္ေတြ ထည့္ၿပီးသားပံုပါ

အားလံုးၿပီးရင္ေတာ့ Save template ကိုႏွိပ္လိုက္ပါ ...
ဒါဆိုရင္ ဘေလာ့ထဲက Archive List ေလးေတြဟာ Scroll Box ေလးထဲမွာ သပ္သပ္ရပ္ရပ္ ရွိေနတာကို ေတြ႕ုရပါလိမ့္မယ္ ...
ကဲ .. အဆင္ေျပပါေစဗ်ာ

နည္းပညာလမ္းေၾကာင္းေပၚကသူငယ္ခ်င္းေတြအားလံုးကို ေလးစားခင္မင္လွ်က္
အိုင္တီမုဆိုး

Posted in: Blog ဆုိင္ရာနည္းပညာ