Thursday, 4 June 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 ျခင္းျဖင့္ အားေပးၾကပါေနာ္>>>
ေအာင္ေအာင္(မကစ) ပိုင္ဆိုင္ေသာ ေနရာေလးမ်ားကိုလာလည္ၾကပါ။

ဘေလာ့ခရီးသည္သို႕ { ဒီမွာ } သြားလိုက္ပါ
ဘေလာ့ဆုိင္ရာနည္းပညာမ်ား{ ဒီမွာ } သြားလိုက္ပါ
စြယ္စုံစာအုပ္စင္{ ဒီမွာ } သြားလိုက္ပါ

[IMG]
[IMG]

Related Posts:

  • ဘေလာ့မွာ Drop Down Menu ေလးလုပ္နည္း               Blogger ၀ါသနာရွင္ မိတ္ေဆြအေပါင္းတို႕အတြက္  Drop Down Menu ေလးတစ္ခု ထပ္ျပီး တင္ေပးလိုက္ပါတယ္ေနာ္...။ ျပဳလုပ္ပံုနည္းလမ္းအဆင္႕ဆင္႕တိ… Read More
  • ဘေလာ့မွာSmooth-Navigational-Menu-ေလးသံုးခ်င္၇င္ ဘေလာ့မွာ Smooth-Navigational-Menu- သံုခ်င္တဲ့ဘေလာ့ဂါမိတ္ေဆြေတြအတြက္ပါအ၇မ္းရွင္းပါတယ္၊ က်ေနာ္ေအာက္မွာပံုနဲ႕တကြျပထားေပးပါတယ္၊ဒီ Smooth-Navigational-Menu ကႏွစ္မ်ိဳးရိွပါတယ္ !! တစ္ခုကအလ်ွာလိုက္နွင့္ေဒါင္လိုက္ေပါ့ေန… Read More
  • သိပ္လွပတဲ့ cloud menu ေလးလုပ္နည္း ဘေလာ့ကာ၀င္လုိက္ပါ  Dashboard > Settings > Layouts ေနာက္ Add a Gadget > Labels ကိုကလစ္ပါ အဲထဲက  Cloud ဆိုတာကို ေရြးခ်ယ္ေပးးရမယ္ ေရြးခ်ယ္ပါ display 25 labels Save widget.လိုက္ပါ ဆက္ျပီးေတာ့  … Read More
  • ေခါင္းစဥ္ Menu လွလွေလး လုပ္လိုပါက သည္နည္းေလးကေတာ့ ဘေလာ့မိတ္ေဆြမ်ားအတြက္ ေါခင္းစဥ္ေလးေတြကို လွလွပပေလးနဲ႕ မိမိတို႕ဘေလာ့ေဘးကေန ထားျခင္တယ္ဆိုရင္ ယူလုိက္ၾကပါေနာ္..ပုံေလးျပထားသလိုပါဘဲ.. အရမ္းလွပါတယ္ဗ်ာ... အေပၚမွာ မထားျခင္ဘဲ ေဘးမွာ သည္လိုေလး လွလွပပထားမယ္ဆိုလည္း … Read More
  • ဘေလာ့ေခါင္းစဥ္ေတြကလစ္တာနဲ႕ စာမ်က္ႏွာအသစ္နဲ႕ေပၚေအာင္  မဂၤလာပါဗ်ာ ဒါေလးကေတာ့ အမွတ္တမဲ့နဲ႕ သတိမမူဂူမျမင္ျဖစ္တတ္တဲ့ နည္းပညာေလးတစ္ခုပါဘဲ လုံး၀လြယ္ကူလြန္းေတာ့ လူေတြကအမွတ္မထားၾကတတ္ပါဘူးး က်ေနာ္ကုိယ္တိုင္ မွတ္မွတ္ရရ ရွိခဲ့ဖို႕  ဘေလာ့ သုံးခုေလာက္လုပ္ျပီးမွ  မွတ္သား… Read More

0 comments:

Post a Comment