Tuesday, 26 May 2015

ဘေလာ့ထဲက 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 ေလးထဲမွာ သပ္သပ္ရပ္ရပ္ ရွိေနတာကို ေတြ႕ုရပါလိမ့္မယ္ ...
ကဲ .. အဆင္ေျပပါေစဗ်ာ

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


ေအာင္ေအာင္(မကစ) ရဲ႕ ဘေလာ့ခရီးသည္ေလးအား အားေပးေနၾကတဲ့အတြက္ ေက်းဇဴးအထူးတင္ပါတယ္.. လိ္ုျခင္တာကို ၾကိဳက္ႏွစ္သက္သလို ယူေဆာင္သုံးစြဲနိဳင္ပါတယ္.... အဆင္မေျပတာမ်ားရွိခဲ့ပါက...cbox မွာ ေျပာခဲ့ၾကပါေနာ္..
<<<မန္ဘာ၀င္ျပီး...Fb Like ျခင္းျဖင့္ အားေပးၾကပါေနာ္>>>
ေအာင္ေအာင္(မကစ) ပိုင္ဆိုင္ေသာ ေနရာေလးမ်ားကိုလာလည္ၾကပါ။
ဘေလာ့ခရီးသည္သို႕ { ဒီမွာ } သြားလိုက္ပါ
ဘေလာ့ဆုိင္ရာနည္းပညာမ်ား{ ဒီမွာ } သြားလိုက္ပါ
စြယ္စုံစာအုပ္စင္{ ဒီမွာ } သြားလိုက္ပါ

Related Posts:

  • ဘေလာ့မွာ HTML ကာလာကုဒ္ ရယူဖို႕တင္ထားမယ္ဆိုရင္ ကဲ မဂၤလာပါမိတ္ေဆြအေပါင္းတုိ႕ဗ်ား  သည္ေန႕ နည္းပညာေလးကေတာ့  မိမိတို႕ဘေလာ့မွာ HTML ဆို တဲ့ကုလာကုဒ္ေလးေတြအလြယ္တကူရယူနိဳင္ရန္.. ကုလာကုဒ္ေလးတင္ထားနည္းပါ အရင္ကလဲ တင္ေပး ဘူးပါတယ္.. ဒါေလးကေတာ့ သူနဲ႕မ တူတဲ့ ဒီဇိုင္းေ… Read More
  • ဘေလာ့မွာ total post - total- comment - total pages ေလးေတြထည့္နည္း အားလုံးးမဂၤလာပါေနာ္  သည္ေန႕တင္ေပးမဲ့ နည္းပညာေလးကေတာ့ ဘေလာ့ကာသမားေတြအတြက္ေပါ့ မိမိတို႕ဘေလာ့မွာ   total post total  comment total pages ဆိုတာေလးထားတဲ့ နည္းလမ္းေလးျဖစ္ပါတယ္... လုပ္ရတာလည္းးအရမ္းးကိ… Read More
  • ဘေလာ့ထဲက Label နဲ႔ Archive ေတြကို Scroll Box ေလးနဲ႔ထားနည္း ဒီနည္းက တစ္ခုလုပ္တတ္တာနဲ႔ တျခားတစ္ခုကို လုပ္တတ္ပါတယ္ .. ဒီပို႔စ္မွာေတာ့ ကၽြန္ေတာ္က Blog Archive ကို Scroll Box ေလးနဲ႔ ထားတဲ့နည္းကို မွ်ေ၀ေပးပါမယ္ .. Label ကို Scroll Box နဲ႔ထားခ်င္ရင္လည္း ဒီနည္းအတိုင္းပဲ လုပ္ေပးလိုက္႐ံ… Read More
  • Sidebar Tex ကာလာေတြ ေျပာင္းၾကမလား  သည္ပို႕စ္ေလးကေတာ့ ဘေလာ့မိတ္ေဆြတို႕ စိတ္၀င္စားၾကမွာ အမွန္ပါ ဘာလို႕လဲဆိုေတာ့ မိမိတို႕ ေဘလာ့မွာ ကာလာေလးေတြ နဲ႕ လွပေစျခင္ၾကမွာဘဲေလ ဒါေလးကေတာ့ ဆိုဒ္ဘားက စာသားေတြ ကာလာ အေရာင္းေျပာင္းေပးတဲ့ နည္းေလးပါဘဲ... လုပ္နည္းေလးက… Read More
  • Unicode font ျမန္မာလို ျပကၡဒိန္ေလးပါ [Blogger only] ေအာက္ကပံုေလးက သင့္ရဲ႕ ဆုိဒ္လာလည္သူကို ေန႕ရက္သိေစၿပီး အလြယ္တကူ ျမင္ေနရမွာပါ။ ျမန္မာလိုလည္းျမင္ရမွာျဖစ္ပါတယ္။ အဲ့ဒါက Unicode အတြက္ပါ။ အခု Add to Blogger ကို အရင္ ကလစ္ပါ။ Add Page Element ဆုိၿပီး page ေပၚလာပါလိမ့္… Read More

0 comments:

Post a Comment