ဘေလာ့မွာ စာတန္းအေျပးေလးနဲ႕ ေရးၾကမယ္...

 သည္ပို႕စ္ေလးကေတာ့ စာတန္းေလးေျပးေနတဲ့ ကုဒ္ေလးတမ်ိဳးပါ.. က်ေနာ့္ဆိုဒ္မွာ ေရးထားတာေလးကို နမူနာၾကည့္ နိဳင္ပါတယ္...

 ထည့္နည္းကေတာ့....

   ►1.  Login လုပ္လုိက္ပါ ဘေလာ့ကာကို
   ►2.  Layout ကိုကလစ္ရပါ့မယ္ မိမိတို႕  Dashboard ကေနေပါ့
   ►3.  Page Elements
   ►4.  Add a Gadget ကိုကလစ္ေပးလုိက္ပါ
   ►5.  HTML/Javascript. ကိုကလစ္ျပီး က်လာတဲ့ ေဘာက္ေလးထဲမွာဘဲ
   ►6.  ေအာက္ကေပးထားတဲ့ ကုဒ္ေတြကို ေကာ္ပီယူ ထည့္လိုက္ပါ

 <marquee direction="left" style="background: none repeat scroll 0% 0% orange;"><span style="color: rgb(255, 255, 0);"><span style="color: rgb(51, 255, 51);"><span style="color: rgb(0, 0, 0);"><span style="color: rgb(255, 255, 102);"><span style="color: rgb(255, 255, 255);"><span style="font-weight: bold;">မိတ္ေဆြတ္ို႕ၾကိဳက္တာေရးပါ </span></marquee>

ေအာက္ကဇယားေလးထဲမွာ ကုဒ္ေတြထည့္ပါ   ေရးလိုေသာစာသားမ်ား အျပည့္စုံ ေရးလိုက္ပါ။

 ျပီးတာနဲ႕  Rich Text ဆိုတာကိုကလစ္လိုက္ပါ။

 

 ေအာက္ကပုံေလးအတိုင္းေတြ႕ျမင္ရပါမယ္... စိတ္ၾကိဳက္ စာလုံးကာလာေလးမ်ား ေျပာင္းလိုက္ပါ။

 မွတ္ခ်က္..။             ။

orange ဆိုတာက ေနာက္ခံကာလာအေရာင္ပါ။  မိမိတို႕ ၾကိဳက္သလို ေျပာင္းလဲ နိဳင္ပါတယ္..
              ဥပမာ ။        ။ white...black..green..yellow  စသျဖင့္ေပါ့..

ေအာင္ေအာင္(မကစ) ရဲ႕ ဘေလာ့ခရီးသည္ေလးအား အားေပးေနၾကတဲ့အတြက္ ေက်းဇဴးအထူးတင္ပါတယ္.. တုန္႕ျပန္မွဳအေနနဲ႕ fb like ေလးေတာ့ လုပ္ေပးခဲ့ၾကပါေနာ္.. တတ္စြမ္းသမွ် ေတြ႕ ရွိသမွ်ေလးေတြကို ျပန္လည္ မွ်ေ၀ေနပါ့မယ္...။ အဆင္မေျပတာမ်ားရွိခဲ့ပါက...

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

Read More

ဘေလာ့မွာ Layout-Java Script မွာ ကုဒ္ထည့္နည္း (အသစ္မ်ားအတြက္သာလွ်င္)

 မဂၤလာပါခဗ်ၤားးးးးးးးးးးးးးး  သည္ေန႕ေတာ့ မေမွ်ာ္လင့္ထားတဲ့  ေမးခြန္းေတြ ေမးလာလို႕ အံ႕ၾသမိသလို... စာနာမိပါတယ္... ဘေလာ့ကို အသစ္လုပ္တဲ့ ညီေလးတစ္ေယာက္ပါ သူဟာ ခုမွ လုပ္ပုံ ရ႔ပါတယ္.. ဘာဆို ဘာမွ ကိုမသိေသးးတဲ့ ပုံစံနဲ႕ ေမးလာေတာ့... အခ်ိန္မနည္းေပး ေျဖယူရပါတယ္.. ဘေလာ့ရဲ႕ အေရးပါတဲ့  Layout  ကိုေတာင္မသိဘူးေလ.. ဒါေၾကာင့္ သည္ပို႕စ္ေလးကို ခ်င္ခ်င္းထေရးျဖစ္တာပါ... သိၾကသူေတြအတြက္ေတာ့ ေက်ာ္သြားလုိက္ပါေနာ္.. လုံးလုံးမသိေသးသူေတြအတြက္ပါ..

 ပုံေလးေတြ နဲ႕ ရွင္းျပပါ့မယ္.... ဘေလာ့တစ္ခု လုပ္ျပီးးတာနဲ႕ လိုျခင္တဲ့ကုဒ္ေတြကို

   ►1.  Login လုပ္လုိက္ပါ ဘေလာ့ကာကို
   ►2.  Layout ကိုကလစ္ရပါ့မယ္ မိမိတို႕  Dashboard ကေနေပါ့
   ►3.  Page Elements
   ►4.  Add a Gadget ကိုကလစ္ေပးလုိက္ပါ
   ►5.  HTML/Javascript. ကိုကလစ္ျပီး က်လာတဲ့ ေဘာက္ေလးထဲမွာဘဲ
   ►6.  ေအာက္ကေပးထားတဲ့ ကုဒ္ေတြကို ေကာ္ပီယူ ထည့္လိုက္ပါဆိုတဲ့  ကုဒ္ထည့္နည္းကို ေသျခာ ရွင္းျပေပးဖို႕ပါ.... ကဲစမယ္...ေနာ္

အဆင့္ (၁)....... ပုံေလးေတြ ေသျခာ ၾကည့္ပါ...

ပုံမွာ ျပထားသလို သုံးေထာင့္မွ်ားခ်ြန္ေလးကေန ကလစ္လုိက္ပါ အဲထဲမွာ layout ဆိုတာ ရွိပါတယ္..ကလစ္ေပးရပါ့မယ္...  html ကိုသြားဖို႕ဆိုရင္လဲ သည္ကေတဘဲ  Template ဆိုတာကလစ္ျပီးသြားရပါတယ္..... ေနာက္ထပ္....

အဆင့္  (၂) ...........ေအာက္ကပုံေလးကို ၾကည့္ပါ

 

layout ေရာက္တာနဲ႕ Add a Gadget ဆိုတာရွိပါတယ္... ကုဒ္ေတြ ထည့္ဖို႕ ကလစ္ေပးရပါမယ္..

အျခား  မန္ဘာတို႕..Labels တို႕..စသျဖင့္ ထည့္စရာေတြလဲ ထည့္နိဳင္ဖို႕  Add a Gadget ကိုကလစ္လိုက္တာနဲ႕  ေတြ႕ပါလိမ့္မယ္.. အေတာ္မ်ားမ်ားရွိပါတယ္....ဆက္သြားမယ္..

အဆင့္  (၃)  .............add a gadget ကိုကလစ္ျပီေနာက္ ကုဒ္ထည့္ဖို႕ေဘာက္က်လာမယ္...

 

Title ေနရာမွာ မိမိတို႕ ကုဒ္ရဲ႕ ေခါင္းစဥ္ထည့္ေပးပါ.. မထည့္လဲ ရပါတယ္... ၾကိဳက္သလိုေပါ့.

ကုဒ္ေတြဟာ ပုံရဲ႕ကုဒ္ေတြ ျဖစ္ခဲ့မယ္ဆိုရင္ အေပၚက Rich Text ဆိုတာေလးကလစ္တာနဲ႕ 

ပုံေလးကို တန္းျမင္ေစနိဳင္ပါတယ္.. ကုဒ္ေတြကို မိမိဆိုဒ္နဲ႕ သင့္ေတာ္ လွပသလို အက်ယ္အ၀န္း

အျမင့္ စသျဖင့္ ခ်ိန္ကိုက္ေပးနိဳင္ပါတယ္...

အဆင့္  (၄)  ............ေနာက္ဆုံးအဆင့္ေပါ့ layout စာမ်က္ႏွာေပၚ တင္ထားတာ ေရာက္ပါျပီ။

တင္ထားတဲ့ ဟာေလးကို မိမိတို႕ ဘေလာ့မွာ ထားျခင္တဲ့ ေနရာကို ေမာက္ေလးနဲ႕ ဖိဆြဲျပီးေနရာခ်ေပးလိုက္ပါ။  ဥပမာ ။    ။  နာရီဆိုပါက အေပၚဆုံးမွာ ေပါ့.. ႏွစ္သက္သလို ေနရာ ခ်ိန္းေပးနိဳင္ပါတယ္..ေနာ္.

ကဲ..လတ္တေလာ စသင္တဲ့ ၀ါသနာရွင္မ်ားအတြက္ ရည္ရြယ္ပါတယ္... ဆရာ့ဆရာ ၾကီးေတြကေတာ့ သည္ေနရာိကု မျမင္ဘူးဘဲ မွတ္ယူေပးပါ.. ေစတနာမ်ားစြာျဖင့္

ေအာင္ေအာင္(မကစ) ရဲ႕ ဘေလာ့ခရီးသည္ေလးအား အားေပးေနၾကတဲ့အတြက္ ေက်းဇဴးအထူးတင္ပါတယ္.. တုန္႕ျပန္မွဳအေနနဲ႕ fb like ေလးေတာ့ လုပ္ေပးခဲ့ၾကပါေနာ္.. တတ္စြမ္းသမွ် ေတြ႕ ရွိသမွ်ေလးေတြကို ျပန္လည္ မွ်ေ၀ေနပါ့မယ္...။ အဆင္မေျပတာမ်ားရွိခဲ့ပါက...

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

Read More

မွားဖ်က္မိေသာ Post မ်ား ျပန္ရွာနည္း

အခုတင္တဲ့ Post ေလးကေတာ့မထင္မွတ္ဘဲဖ်က္မိတဲ့ Post ေလးေတြကိုျပန္ေခၚနည္းေလးပါ။ မေတာ္တဆ ျဖစ္တတ္တာေလးေတြကိုပါ၊က်ေနာ္ကိုယ္တိုင္းေလးခဏခဏၾကံဳဖူးလို႕ပါ။

က်ေနာ္လၾကံဳဖူးတဲ့ဘေလာ့မိတ္ေဆြေတြ အတြက္ပါေအာက္မွာပံုနဲ႕တကြျပထားေပးပါတယ္။

၁။Ctrl+H ကိုရိုက္လိုက္ပါ။ေဘးမွာဆိုက္ဘားေလးတခုတက္လားလိမ့္မည္ေအာက္ပံု

၂။Shift+ctrl+H နဲ႕လည္းရပါတယ္

ပံုမွာေတြ ့ရတဲ့အတိုင္းရက္ေလးေတြကိုျပန္ေရြးလိုက္ရင္ရပါျပီ။
 

ေအာင္ေအာင္(မကစ) ရဲ႕ ဘေလာ့ခရီးသည္ေလးအား အားေပးေနၾကတဲ့အတြက္ ေက်းဇဴးအထူးတင္ပါတယ္.. တုန္႕ျပန္မွဳအေနနဲ႕ fb like ေလးေတာ့ လုပ္ေပးခဲ့ၾကပါေနာ္.. တတ္စြမ္းသမွ် ေတြ႕ ရွိသမွ်ေလးေတြကို ျပန္လည္ မွ်ေ၀ေနပါ့မယ္...။ အဆင္မေျပတာမ်ားရွိခဲ့ပါက...

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

Read More

မိမိတို႕ပို႕စ္ေလး အျမဲ ထိပ္ဆုံးကရွိေနေစျခင္ရင္

ဘေလာ့မိတ္ေဆြအေပါင္းအတြက္  သည္နည္းလမ္းေလးကေတာ့ ... မိမိတို႕ဘေလာ့ေပၚက ပို႕စ္ေလးတစ္ခုခု ကို... အျမဲတမ္း အေပၚဆုံးမွာ  ျမင္ေနရျခင္ရင္ ထိပ္ဆုံးမွာ ထားမယ္ဆုိူရင္ေပါ့..နည္းလမ္းေလးပါဘဲ... လုပ္နည္းေလးကေတာ့ရွင္းပါတယ္...ၾကည့္လိုက္ေနာ္..ပထမဆုံး  မိမိတို႕တင္မဲ့ ပို႕စ္ကို ေရးသားျပင္ဆင္လုိက္ပါ.. တင္ေတာ့မယ္ဆိုတာနဲ႕  ညာဘက္မွာ အခ်ိန္-ေန႕စြဲ-ခုႏွစ္ ထားေပးတဲ့ ေနရာေလးေတြ႕ ၾကမွာပါ... မိမိတို႕ခုေရးေနတဲ့ပို႕စ္ေလးတစ္ခုူကို အစဥ္အျမဲ ထိပ္ဆုံးကေန ေပၚေနေစျခင္တယ္ဆိုပါေတာ့့.... အဲ Date ေလးကို ေျပာင္းေပးလိုက္ပါ...

ဥပမာ  ။       ။ လက္ရွိ ရွိေနတာက 31-10-2012 ဆိုၾကပါစို႕... အဲတာေလးကို 31-10-2013 ဆိုျပီးေျပာင္းေပးလိုက္ပါ... ဒါဆို မိမိတို႕ တင္တဲ့ သည္ပို႕စ္ေလးဟာ ဘေလာ့ေပၚမွာ အျမဲ ထိပ္ဆုံးက ရွိေနပါျပီေနာ္... အရင္တင္ျပီးသား အေဟာင္းေတြကိုလဲ Edit ကေနျပန္လည္ ေျပာင္းလဲလို႕ရပါတယ္...ဗ်ာ..

ေအာင္ေအာင္(မကစ) ရဲ႕ ဘေလာ့ခရီးသည္ေလးအား အားေပးေနၾကတဲ့အတြက္ ေက်းဇဴးအထူးတင္ပါတယ္.. တုန္႕ျပန္မွဳအေနနဲ႕ fb like ေလးေတာ့ လုပ္ေပးခဲ့ၾကပါေနာ္.. တတ္စြမ္းသမွ် ေတြ႕ ရွိသမွ်ေလးေတြကို ျပန္လည္ မွ်ေ၀ေနပါ့မယ္...။ အဆင္မေျပတာမ်ားရွိခဲ့ပါက...

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

Read More

Scrolling Text - Marquee HTML Code ေလးေရးနည္း

                        ေအာင္ေအာင္(မကစ) ရဲ႕ ဘေလာ့ခရီးသည္ေလးအား အားေပးေနၾကတဲ့အတြက္ ေက်းဇဴးအထူးတင္ပါတယ္.. တုန္႕ျပန္မွဳအေနနဲ႕ fb like ေလးေတာ့ လုပ္ေပးခဲ့ၾကပါေနာ္.. တတ္စြမ္းသမွ် ေတြ႕ ရွိသမွ်ေလးေတြကို ျပန္လည္ မွ်ေ၀ေနပါ့မယ္...။ အဆင္မေျပတာမ်ားရွိခဲ့ပါက...cbox မွာ ေျပာခဲ့ၾကပါေနာ္...

သည္လိုေလးစာတန္းေလး ဘယ္ညာေျပးေနဖို႕အတြက္ ပို႕စ္ေရးၾကမယ္ဆိုရင္ လိုအပ္တဲ့ကုဒ္နဲ႕ ေရးနည္းကိုေအာက္မွာ ရွင္းျပလိုက္ပါမယ္ေနာ္... အဆင္ျပမွာပါ..လြယ္လြယ္ေလးရယ္...ဟိဟိ..မယုံလုပ္ၾကည့္ေပါ့.............

ပထမဆုံး ပို႕စ္တင္တဲ့ေနရာကိုသြားလုိက္ပါ...အဲမွာ html နဲ႕ကလစ္တင္ရမွာပါ...ကလစ္တာနဲ႕ က်လာတဲ့ ကုဒ္ကိုဖ်က္ပါ..ေအာက္ကကုဒ္ေလးကို ထည့္ေပးလို္ကပါ...

<span style="color:#F6358A; font-weight:bold;"><marquee direction="right" scrollamount="3" bgcolor="#333333">မိမိေရးလိုေသာစာသားမ်ားသည္မွာထည့္ပါ</marquee></span>

ျပီးတာနဲ႕ တင္လိုက္ပါေနာ္.. တင္တဲ့ေနရာမွာေတာ့  compose နဲ႕ၾကည့္လဲ ေျပးေနတာ မေတြ႕နိဳင္ပါဘူးးးေနာ္  တင္ျပီးျပီဆိုမွ ဘေလာ့ေပၚ ၾကည့္လိုက္ပါ... ခုလိုေလးေတြ႕ရမွာ ျဖစ္ပါတယ္..

အဆင္ေျပပါေစဗ်ာ........

ေအာင္ေအာင္ (မကစ)

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

Read More

ဘေလာ့ပို႕စ္တြင္...ကုဒ္မ်ားကိုဇယားကြက္ေလးနဲ႕တင္နည္း

ကဲဗ်ာ  ခုတင္တဲ့ နည္းပညာေလးကေတာ့  လူသိ္မ်ားၾကမယ္ထင္ပါတယ္... ဒါေပမယ့္ ေတာင္းဆိုတာေလးရွိလာလို႕ တင္ျပလိုက္ပါတယ္..ပို႕စ္တင္တဲံအခါ ကုဒ္ေတြအရမ္းမ်ားလာရင္ အလြတ္တင္တာထက္  ဇယားကြက္ေလးနဲ႕  တင္ေပးးတာ ေသသပ္လွပသလို ၾကည့္ရတာလည္းအျမင္ရွင္းေစပါတယ္.. ဒါေၾကာင့္ ကြ်န္ေတာ္ ကုဒ္ေတြ တင္တဲ့အခါ ကုဒ္မ်ားလာရင္ သုံးတဲ့  နည္းလမ္းေလးကို မွ်ေ၀လို္ကပါတယ္...

ကဲ..လုပ္နည္းနဲ႕ ကုဒ္ကို ေသျခာရွင္းျပလိုက္ပါတယ္..

အဆင့္  (၁)..................

သူကေတာ့ စစခ်င္း မိမိတို႕ ပို႕စ္တင္တဲ့ေနရာ သြားလုိက္ပါ... အဲမွာဘဲ အေပၚက html ဆိုတာကလစ္လိုက္ပါ.. ကုဒ္အခ်ိဳ႕က်လာမယ္ဗ်ာ...ဖ်က္ျပစ္လုိက္ပါ....ေနာက္ကြ်န္ေတာ္ ေပးမယ့္ ဇယားကြက္ကုဒ္ေလးကို   ေကာ္ပီယူ ထည့္လုိက္ပါ...
ထည့္ရန္ကုဒ္....

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="border: 2px solid #DF01D7; height: 300px; overflow: auto; padding:
 &lt;wbr&gt;10px; width: &lt;div&gt;&lt;wbr&gt;320px;">

 သည္ကုဒ္ေလးကိုဘဲ လက္စြဲ မွတ္ထားၾကေပေတာ့ဗ်ာ.. အနီေရာင္ေနရာေတြမွာ ေျပာင္းသုံးနိဳင္ပါတယ္.....အကယ္လို႕ မိမိတို႕က ဇယားေလးအေပၚမွာ စာသားေတြ ေရးအုံးးမယ္ ဘာဘာညာညာထည့္အုံးးမယ္ ဆိုပါေတာ့... ကုဒ္ရဲ႕ေရွ႕ဆုံးကို ေမာက္ခ် enter ကို သုံးခ်က္ေလာက္ ေခါက္ေပးလိုက္ပါ ကုဒ္ေတြ ေအာက္က်သြားးမယ္.. အဲမွ စာမ်က္ႏွာ အေပၚဆုံးကို ေမာက္ခ်ကလစ္ျပီး စာေလး တလုံးေလာက္ ေရးထားလုိက္ေပါ့.... ဇယားေအာက္ကိုလဲ ထိုနည္းတူပါဘဲ.. ဇယားကုဒ္ေတြနဲ႕ ေအာက္မွာ ခပ္ခြါခြါေလးကေန စာေလးတလုံးေလာက္ေရးထားလို္ကပါ... မဟုတ္ရင္  ဇယားက အေပၚဆုံးကပ္ေနျပီး  စာေရးဖို႕ ခက္ပါမယ္.. Compose ကိုမကလစ္မွီ... ခုေျပာသလို စာေလးတလုံးစီ အထက္ေအာက္ ေရးထားလိုက္ပါ...ဥပမာ.....ကြ်န္ေတာ္...ေပါ့...

အိုေက ျပီးတာနဲ႕  အထက္က Compose ဆိုတာ ကလစ္လိုက္ပါ။

အဆင့္  (၂)  ....................

 Compose ကိုကလစ္တာနဲ႕ သည္လိုေလး ဇယားကြက္ေလးေပၚလာပါျပီ...ဒါဆို မိမိတို႕ ထည့္လိုတဲ့

ကုဒ္ေတြကို ဘယ္ေလာ္ကမ်ားမ်ားဗ်ာ...ေကာ္ပီယူသာ ဇဝားကြက္ထဲကို  ထည့္ေပးလိုက္..သူ႕ဘာသာ ေဘးက ဆြဲခ် ဆြဲတင္တာေလး ေအာ္တိုတက္လာမယ္...

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

ကဲ ျပီးပါျပီ...ဗ်ာ............အဆင္ေျပပါေစ...

ေအာင္ေအာင္(မကစ) ရဲ႕ ဘေလာ့ခရီးသည္ေလးအား အားေပးေနၾကတဲ့အတြက္ ေက်းဇဴးအထူးတင္ပါတယ္.. တုန္႕ျပန္မွဳအေနနဲ႕ fb like ေလးေတာ့ လုပ္ေပးခဲ့ၾကပါေနာ္.. တတ္စြမ္းသမွ် ေတြ႕ ရွိသမွ်ေလးေတြကို ျပန္လည္ မွ်ေ၀ေနပါ့မယ္...။ အဆင္မေျပတာမ်ားရွိခဲ့ပါက...

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

Read More

ရိုးရိုးရွင္းရွင္း Related Post ေလးထည့္နည္း

ကဲသည္တစ္ခါေတာ့  ထူးဆန္းလွပတဲ့ Related Post ဆိုတာေလးထည့္နည္းကို မွ်ေ၀သြားပါ့မယ္..
ဒါေလးက ဘေလာ့ေတြမွာ ထားသင့္တဲ့ နည္းလမ္းေလးပါ  ဘာေၾကာင့္ဆိုေတာ့ သူက ကိုယ္တင္ထားတဲ့ ပို႕စ္ေလးေတြကို လင့္ေလးေတြနဲ႕ ေခါင္းစဥ္ေလးသာ ေဖၚျပေပးထားျပီး လိုျခင္တဲ့ေနရာကို ပလြယ္တကူ ကလစ္ကာ ၀င္ေရာက္နိဳင္တဲ့ နည္းေလးေပါ့... ပုံမွာ ျပထားသလိုေပါ့ေနာ္.. စမ္းသတ္လိုက္ၾကပါ...နည္းလမ္းနဲ႕ ကုဒ္ေတြကို ေပးထားပါတယ္..

ထည့္နည္းေလးကို ေသျခာ ၾကည့္ လုပ္လုိက္ပါ အဆင္ေျပပါတယ္...

အဆင့္  (၁) ..... အေနနဲ႕...ေအာက္ကတိုင္းသြားလိုက္ပါ။
►1-  Blogger Singin ၀င္လိုက္ပါ။
►2-  DASHBOARD ကိုသြားလိုက္ပါ။
►3-  LAYOUT    ကိုကလစ္ပါ..။
►4-  EDIT HTML  ကို၀င္ပါ.. Process ကိုကလစ္ျပီးဆက္၀င္လုိက္ပါ။
►5-  Ctrl+F အကူညီျဖင့္ ေပးထားတဲ့ ကုဒ္ကို ရွာလိုက္ပါ။
            <div class='post-footer'>  ကုဒ္ကိုရွာပါ ေတြ႕တာနဲ႕ သူ႕ေအာက္ကပ္လွ်က္ ေပးထားေသာ ဇယားထဲကကုဒ္ေတြ ထည့္ေပးလိုက္ပါ...

<!-- Related Posts Code Start-->

<!--Remove-->

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<div id='related-posts'> <b:loop values='data:post.labels' var='label'> <b:if cond='data:label.isLast != &quot;true&quot;'> </b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'> <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=6&quot;' type='text/javascript'/></b:if></b:loop>

<script type='text/javascript'> var maxresults=5; removeRelatedDuplicates(); printRelatedLabels(&quot;<data:post.url/>&quot;); </script> </div> <!--Remove--></b:if> <!-- Related Posts Code End-->

အဆင့္   (၂)   .... အေနနဲ႕ အေပၚကရွာနည္းတိုင္း မိမိတို႕ Html မွာဘဲ ေအာက္ကကုဒ္ကိုရွာပါ
                      </head>  ကိုရွာလုိ္ကပါ ေတြ႕တာနဲ႕ သူ႕ေအာက္ကပ္လွ်က္  ဇယားထဲကကုဒ္ေတြကို ထည့္ေပးလို္က္ပါ။

<!--Related Posts Scripts and Styles Start-->

<!--Remove--><b:if cond='data:blog.pageType == &quot;item&quot;'>

<style type='text/css'>

#related-posts {

float:center;

text-transform:none;

height:100%;

min-height:100%;

padding-top:5px;

padding-left:5px;

margin-top: 20px;

}

#related-posts .widget{

padding-left:6px;

margin-bottom:10px;

}

#related-posts .widget h2, #related-posts h2{

font-size: 17px;

font-weight: normal;

color: black;

font-family: Arial Narrow;

margin-bottom: 0.75em;

padding-top: 0em;

}

#related-posts a{

font-size:16px;

color: #555555;

font-variant:small-caps;

}

#related-posts a:hover{

text-decoration: none;

color: #ffffff;

font-weight: bold;

}

#related-posts ul{

list-style-type:none;

margin:0 0 0px 0;

padding:0px;

text-decoration:none;

text-color:#000000

}

#related-posts ul li{

list-style-type: none;

border-left: 2px solid #1399CF;

border-bottom: 1px dotted #1399CF;

margin-bottom: 3px;

padding-left: 30px;

padding-top:0px;

}



#related-posts ul li:hover{

background-color: #1399CF;

border-left: 2px solid #B3CA3D;

border-bottom: 1px dotted #B3CA3D;

}

</style>

<script type='text/javascript'>

var relatedpoststitle=&quot;Related Posts&quot;;

</script>

<script src='http://mrthangming.googlecode.com/files/related%20post-MrThangMing.js' type='text/javascript'/>

<!--Remove--></b:if>

<!--Related Posts Scripts and Styles End-->

 အဆင့္  (၃)... အေနနဲ႕  maxresults=5 သည္ကုဒ္ေလး အေပၚဇယားမွာပါ ပါတယ္.. သဴ႕ကို မိမိတို႕ ေဘလာ့မွာ ေပၚေစျခင္သေလာက္ နံပါတ္ေျပာင္းေပးနိဳင္ပါတယ္... ျပီးတာနဲ႕  save template လုပ္နိဳင္ပါျပီဗ်ာ.... ဘေလာ့ိကု ၾကည့္လိုက္ပါ.. ပို႕စ္တုိင္းရဲ႕ ေအာက္မွာ ေပးေနပါျပီ။

ေအာင္ေအာင္(မကစ) ရဲ႕ ဘေလာ့ခရီးသည္ေလးအား အားေပးေနၾကတဲ့အတြက္ ေက်းဇဴးအထူးတင္ပါတယ္.. တုန္႕ျပန္မွဳအေနနဲ႕ fb like ေလးေတာ့ လုပ္ေပးခဲ့ၾကပါေနာ္.. တတ္စြမ္းသမွ် ေတြ႕ ရွိသမွ်ေလးေတြကို ျပန္လည္ မွ်ေ၀ေနပါ့မယ္...။ အဆင္မေျပတာမ်ားရွိခဲ့ပါက...cbox မွာ ေျပာခဲ့ၾကပါေနာ္..

 ေအာင္ေအာင္(မကစ) ပိုင္ဆိုင္ေသာ ေနရာေလးမ်ားကိုလာလည္ၾကပါ။

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

Read More

Highlighted Background ေလးနဲ႕ ပို႕စ္တင္နည္း

မိတ္ေဆြတို႕ အတြက္... နည္းလမ္းေကာင္းေလးတစ္ခု ရွာေဖြ လာတယ္ဗ်ာ..ဒါေလးကေတာ့ သိပ္ကို လိုအပ္ပါတယ္... ဘေလာ့မိတ္ေဆြတိုင္းသုံးသင့္တာပါ.. ပို႕စ္ေတြတင္တဲံအခါ ကုဒ္ေလးေတြ အေရးၾကီးးတဲ့ စာသားေလးေတြကို ေနာက္ခံကာလာေလးနဲ႕ ျဖစ္ေစ..ေသသပ္လွပတဲ့..

ေဘာင္ေလးနဲ႕ ျဖစ္ေစ ဖန္တီးနိဳင္ဖို႕ ကြ်န္ေတာ္ ေတြ႕ရွိသမွ် ျပန္လည္ မွ်ေ၀ျခင္းပါ... သုံးဖို႕လဲ

သင့္တဲ့ နည္းလမ္းေလးျဖစ္ေနလို႕ပါေနာ္... ကဲစမ္းၾကည့္ၾကမယ္..

နည္းလမ္း (၁) ကေတာ့ ေနာက္ခံကာလာ အ၀ါေရာင္ေလးနဲ႕ ေအာက္ကကုဒ္ပါ။

<span style="background-color: rgb(255, 255, 0);">TEXT TO BE HIGHLIGHTED</span>

TEXT TO BE HIGHLIGHTED

နည္းလမ္း (၂)  ကေတာ့ ေနာက္ခံ အစိမ္းေရာင္ေလးနဲ႕ ေအာက္ကကုဒ္ပါ။

<span style="background-color: rgb(51, 204, 0);">TEXT TO BE HIGHLIGHTED</span>

TEXT TO BE HIGHLIGHTED

နည္းလမ္း  (၃)  ကေတာ့ ေနာက္ခံကာလာ စိမ္းနဳေလးနဲ႕ ေအာက္ကကုဒ္ပါ။

<span style="background-color: rgb(51, 204, 255);">TEXT TO BE HIGHLIGHTED</span>

TEXT TO BE HIGHLIGHTED





ဒါေလးေကတာ့ ေနာက္တမ်ိဳးးေလးပါ.. မိမိတို႕ေရးလိုတဲ့စာသားေတြ  ထည့္လိုတဲ့ ကုဒ္ေတြကို..
ေအာက္မွာ လုပ္ျပထားသလို ေဘာင္ေလးနဲ႕ ဇယားကြက္ေလးထဲေပါ့ လွပစြာ ထည့္လိုပါက
ေအာက္ကကုဒ္ကို သုံးလို္က္ပါေနာ္။

<table border="1" cellpadding="1" width="200"><tbody><tr> <td bgcolor="#33ffcc">TEXT IN COLORED BOX </td></tr></tbody></table>

မိမိတို႕ဇယားကြက္ေလးကို လိုအပ္သလို width=200 ဆိုတာေလးကို ေျပာင္းေပးနိဳင္ပါတယ္။

TEXT IN COLORED BOX

ကဲ အားလုံးသည္ေလာက္ဆိုအဆင္ေျပပါျပီေနာ္....
အသုံးျပဳရမွာကေတာ့ ပို႕စ္တင္တဲ့ေနရာမွာ... ထည့္သုံးရမွာပါ... ပို႕စ္တင္တဲ့ေနရာမွာ..
သည္ကုဒ္ေလးေတြ မထည့္မွီ.. html ကိုကလစ္လိုက္ပါ.. ကုဒ္တခ်ိဳ႕က်လာမယ္...
ဖ်က္လိုက္ပါ.. အဲခါမွာ မိမိတို႕ တင္လိုသည့္ ကုဒ္ကို ထည့္ေပးပါ။။။
ဥပမာ။      ။
               <span style="background-color: rgb(51, 204, 255);">TEXT TO BE HIGHLIGHTED</span>  

ဒါေလးကို သုံးမယ္ဆိုပါစို႕... TEXT TO BE HIGHLIGHTED ဆိုတဲ့စာသားေနရာမွာ မိမိိတို႕ ထည့္လိုသည့္ စာမ်ား ကုဒ္မ်ားကို ထည့္နိဳင္ပါတယ္..


 

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

Read More

ကုဒ္ေတြကူးတာမပင္ပန္းရေအာင္ Select All ေလးထည့္နည္း

ကဲ..သည္တစ္ခါေတာ့..လာျပီေပါ့..ေိေိ.. ကြ်န္ေတာ့္ညီေလး တေယာက္ေတာင္းဆိုထားတာပါ....

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

select all ဆိုတာေလးပါ..သူကေတာ့ ကလစ္တာနဲ႕ လိုျခင္တဲ့ ဇယားကြက္ထဲက ကုဒ္ေတြကို

မွတ္ျပီးသားျဖစ္ေနျပီေပါ့.. ညာကလစ္နဲ႕ copy လုပ္လိုက္ယုံဘဲေလ... မဟုတ္ဘဲ ကိုယ္က ယူမယ္ဆို တခါတခါ ကုဒ္က က်န္ခဲ့ရတာမ်ိဳးရွိတတ္ပါတယ္.. ဒါကေတာ့ ေအးေဆး...ေပါ့

 သီေပါသား: အကိုေအာင္ဆန္းေရ ဇယာကြက္ထည့္တဲ့ေနရာမွာ ကုဒ္ေတြကို အလြယ္တကူ Select လို႔ရေအာင္ Select All botton ပါတဲ့ကုဒ္ေလးတင္ေပးပါလား။

 ကဲ သီေပါမင္းေရ....အယ္..သီေပါသားေရ..လာျပီေနာ္...
ေရာ့သုံးဖို႕ ကုဒ္ကေတာ့ ရွင္းရွင္းေလးဗ်ာ...

 <center><div><form name="copy"><div align="center"><input value="Select all"
onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button">
<textarea rows="8" cols="60" name="txt" >သည္ေနရာမွာ တင္မဲ့ ကုဒ္ေတြ (သို႕) စာသားေတြေပါ့ </textarea>
</div></form></div></center>

အသုံးျပဳနည္း....

ပို႕စ္တင္တဲ့ေနရာမွာ.. ဘဲ သုံးရမွာပါ.. ပို႕စ္တင္ေတာ့မယ္ဆိုတာနဲ႕ ပတမဆုံး html ကလစ္ပါ..ကုဒ္အနည္းငယ္က်လာမယ္...ဖ်က္လိုက္ေပါ့.. ခုေပးတဲ့ ကုဒ္ကို ထည့္ေပးလုိ္ကပါ..

select all ဆိုတာကို ၾကိဳက္တာ ထားေပါ့...သည္ေနရာမွာ တင္မဲ့ ကုဒ္ေတြ (သို႕) စာသားေတြေပါ့ ေနရာမွာ ေတာ့ မိမိတို႕ ထည့္မယ့္ ကုဒ္ေတြကို ထည့္ေပးလို္က္ပါ.. ျပီးတာနဲ႕

compose နဲ႕ကလစ္ၾကည့္လိုက္ပါ   ဇယားကြက္ေလးနဲ႕ ျဖစ္ေနပါျပီ.. အဲေနရာမွာ select all ဆိုတာေလးက ဇယားေအာက္က ေရာက္ေနလဲ စိတ္မပူပါနဲ႕  လုပ္စရာရွိတာ ဆက္လုပ္ပါ..

တင္လုိက္တဲ့အခါမွာ ဘေလာ့ေပၚက်ရင္ အေပၚက ျဖစ္ေနပါ့မယ္..ေနာ္..

ဇယားရဲ႕ အေပၚနဲ႕  ေအာက္မွာ စာသားေတြ ေရးစရာရွိေသးတယ္ဆိုရင္ေတာ့.. ့html ကလစ္ျပီး  အေပၚဆုံးမွာ enter ႏွစိ္ခ်က္ေလာက္ ေခါက္ျပီး စာေလး တစ္လုံးေလာက္ ထားခဲ့ပါ..

ေအာင္ဆုံးမွာလဲ နဲနဲ ျခားျပီး စာေလးတလုံးထားေပးပါ... အိုေက compose ျပန္ကလစ္ပါ..

ဇယားကြက္အေပၚ နဲ႕ ေအာက္မွာ စာသားေရးဖို႕ ေနရၾရေနပါျပီ...ေိေိ...

လွ်ာရွည္တာေနာ္ သိေနျပီးးျဖစ္ၾကမွာပါ...ဒါဘဲေနာ္...

ေအာင္ေအာင္(မကစ) ရဲ႕ ဘေလာ့ခရီးသည္ေလးအား အားေပးေနၾကတဲ့အတြက္ ေက်းဇဴးအထူးတင္ပါတယ္.. တုန္႕ျပန္မွဳအေနနဲ႕ fb like ေလးေတာ့ လုပ္ေပးခဲ့ၾကပါေနာ္.. တတ္စြမ္းသမွ် ေတြ႕ ရွိသမွ်ေလးေတြကို ျပန္လည္ မွ်ေ၀ေနပါ့မယ္...။ အဆင္မေျပတာမ်ားရွိခဲ့ပါက...cbox မွာ ေျပာခဲ့ၾကပါေနာ္..

 ေအာင္ေအာင္(မကစ) ပိုင္ဆိုင္ေသာ ေနရာေလးမ်ားကိုလာလည္ၾကပါ။

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

Read More

ဘေလာ့စလုပ္သူမ်ားအတြက္ post တင္နည္း( အသစ္မ်ားအတြက္)

ကဲ  မိတ္ေဆြတို႕ေရ... သည္ပို႕စ္ေလးအတြက္နဲ႕ သိတတ္ထားသူေတြက  လုံး၀ စိတ္မရွဳပ္ေစျခင္ပါဘူးး ညီေလး တေယာက္ကေတာင္းဆိုထားလို႕ တင္ေပးလိုက္ရျခင္းျဖစ္ပါတယ္...

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

ညီေလး  ေတဇာေအာင္  အတြက္ပါဘဲ...

ပထမဆုံး www.blogger.com မွာ မိမိတို႕ အေကာင့္ တစ္ခုနဲ႕ ေဘလာ့တစ္ခုရေအာင္ ၀င္လုပ္ရပါ့မယ္..

ကဲ ဘေလာ့တစ္ခု ရျပီဆိုပါစို႕...ပို႕စ္တင္တဲ့အပိုင္းကို စၾကမယ္ေနာ္..

ပထမဆုံး www.blogger.com  ကို၀င္လိုက္ပါ လုပ္ထားတဲ့ အေကာင့္နဲ႕ ၀င္လိုက္ပါ..သည္လိုေလးေတြ႕မယ္...

အဆင့္  (၁)...........

ပုံထဲမွာလဲ ရွင္းျပထားျပီးမို႕ ထူးေထြမေျပာေတာ့ပါဘူးေနာ္...

အဆင့္  (၂)    .........................

ပုံကို ကလစ္ျပီ အထဲကစာေတြ ေသျခာ ဖတ္လိုက္ပါေနာ္... ေသျခာရွင္းထားပါတယ္..

အေပၚတန္းက ဟာေလးေတြကို လိုသလို စမ္းသတ္ၾကည့္ပါ.. ပုံတင္တာေတြ ဗြီဒီယိုတင္တာတို႕

ပါတယ္...ေနာက္ေတာ့ ျဖစ္သြားမွာပါ.. ေလာေလာဆယ္ ပို႕စ္တင္နိဳင္ေအာင္ ေလ့က်င့္ပါ...

အဆင့္  (၃)  ............................

 

အဆင့္ (၃) ကေတာ့ Html ဆိုတဲ့ ကုဒ္ေတြ တင္တဲ့နည္းပါ... ကုဒ္ေတြတင္မယ္ဆိုပါက ဦးဆုံး အေပၚက html ကိုကလစ္ပါ က်လာတဲ့ ကုဒ္ေလေးတြ ဖ်က္ပါ.. မိမိတို႕ တင္လိုတဲ့ ကုဒ္ေတြကို ထည့္ေပးလိုက္ပါ... ပုံရဲ႕ ကုး္ဆိုပါက compose ကလစ္တာနဲ႕ ပုံေပၚလာမယ္... ဇယားေလးတစ္ခု ဥပမာ ျပထားပါတယ္... ဆက္ၾကည့္ပါ..

အဆင့္  (၄)......................

အေပၚက ဇယားကုဒ္ေလးထည့္ျပီး compose ကလစ္လိုက္တာ ခုလိုေလးဇယားကြက္ေလး က်လာပါတယ္... အဲအကြက္ေဘာင္ေလးထဲမွာ မိမိတို႕ ကုဒ္ေတြကို ထည္ိ့ေပးလုိက္ေပါ့..စာသားေတြဆိုလဲ ရပါတယ္.. ေကာ္ပီယူ past ခ်လုိက္ပါ.. ေဘးက ဆြဲခ် ဆြဲတင္တာေလး အလိုလို ေပၚလာမယ္... ဇယား အေပၚနဲ႕ ေအာက္ မွာ စာသားေတြ ေရးဖို႕

ေမာက္ခ်မရဘူးဆိုပါက  html ျပန္ကလစ္ပါ... ကုဒ္ေတြအေပၚဆုံးကေန နဲနဲ ျခာျပီး စာေလးတလုံးေလာက္ေရးခဲ့ပါ... ေအာက္ဆုံးးလဲ အဲတိုင္းက့ဘဲ... compose ျပန္ကလစ္ပါ.. ေရးထားတဲ့ စာလုံးေလးေတြက ေနရာ ယူထားေပးပါလိမ့္မယ္..

အဆင္ေျပတာနဲ႕ labels ကို အမ်ိဳးစားထည့္ပါ.... အားလုံးျပည့္စုံတာနဲ႕ Publish ဆိုတဲ့ အ၀ါေရာင္ ထိပ္ကဟာကို ကလစ္လိုက္ပါ  ဘေလာ့ေပၚေရာက္ေနပါျပီ..

ကဲဗ်ာ အခ်ိန္လင့္ေနျပီ  အိပ္ေတာ့မယ္ အားလုံးူ အဆင္ေျပ ၾကပါေစလို႕ ဆုေတာင္းးရင္း.......

ေအာင္ေအာင္ (မကစ)

Read More

SyntaxHighlighter (V3) သုံးျပီးပို႕စ္တင္မယ္

ဘေလာ့မိတ္ေဆြ အေပါင္းသင္းတို႕ေရ.. ဘေလာ့ပို႕စ္တင္တဲ့ နည္းပညားတစ္ခု ရခဲ့လို႕ မွ်ေ၀ျခင္တာနဲ႕ ျပာျပာသလဲ တင္လုိက္ရပါတယ္.. ဒီပုိ႔(စ္)ေလးကေတာ့ ဘေလာ့မွာ HTMl, CSS , JaveScirpt Cond ေတြကုိ SyntaxHighlighter (V3) သုံးၿပီး တင္နည္း/ထည့္နည္းေလးပါ။ သိၿပီးၾကေသာ မိတ္ေဆြမ်ားရွိနုိင္သလုိ မသိေသးတဲ့ မိတ္ေဆြမ်ားလည္းရွိနုိင္ပါတယ္။ ဒါေလးကေတာ့ ဆရာ kp-3 ကုဒ္ေတြကို
အျမဲတင္ေနတဲ့ နည္းလမ္းေလးတစ္ခုပါဘဲ  မိမိတို႕ ရဲ႕ ကုဒ္ေတြကို လွပေသသပ္စြာ တင္ေပးတဲ့နည္းလမ္းေလးဆိုမမွားပါဘူးး ကြ်န္ေတာ္ အရင္က ေတြ႕ဘူးလို႕ မွတ္သားခဲ့ဘူးပါတယ္..
ဒါေပမယ့္ လက္ေတာ့ ပ်က္သြားတာနဲ႕ ပါသြားတဲ့ ထဲ ဖိုင္ေတြအေတာ္ပါသြားးတယ္ဗ်ာ.. ဘေလာ့ပညာေတြ စုေဆာင္းျပီး ျပန္လည္ မွ်ေ၀မယ္ဆိုတဲ့ ရည္ရြယ္ခ်က္နဲ႕  ကြ်န္ေတာ္ လေပါင္းမ်ားစြာ စုထားသမွ်ေတြပါ..ခုေတာ့...အစ္...အစ္... ( ငိုတာဟုတ္ဘူးး)
မနည္း ျပန္လည္ ေလ့လာ စုေဆာင္းျပီး မွ်ေ၀ေနရတယ္.... ဒါေလးကေတာ့..
mrthangming  ရဲ႕နည္းပညာမွာေတြ႕လို႕ ၀မ္းသာအားရ နဲ႕ယူလာတာပါ..
ကဲစမ္းလိုက္ၾကရေအာင္ေနာ္...ေပးျခင္လြန္းလို႕ အေနာ္ကို မလုပ္ရေတးး၀ူးးးးေိေိ..

►1-  Blogger Singin ၀င္လိုက္ပါ။
►2-  DASHBOARD ကိုသြားလိုက္ပါ။
►3-  Template    ကိုကလစ္ပါ..။
►4-  EDIT HTML  ကို၀င္ပါ.. Process ကိုကလစ္ျပီးဆက္၀င္လုိက္ပါ။
►5-  Ctrl+F အကူညီျဖင့္ ေပးထားတဲ့ ကုဒ္ကို ရွာလိုက္ပါ။

   </head>   ကိုရွာလုိက္ပါ ေတြ႕တာနဲ႕ ရဲ႕အေပၚမွာကပ္ျပီး  ေအာက္က Cond ကုိထည့္ေပးပါ။

<!-- Syntax Highlighter 3.0.83 START --><link href='http://alexgorbatchev.com/pub/sh/current/styles/shCore.css' rel='stylesheet' type='text/css'/><link href='http://alexgorbatchev.com/pub/sh/current/styles/shThemeDefault.css' rel='stylesheet' type='text/css'/><script src='http://alexgorbatchev.com/pub/sh/current/scripts/shCore.js' type='text/javascript'/><script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushBash.js' type='text/javascript'/><script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCss.js' type='text/javascript'/><script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJava.js' type='text/javascript'/><script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJScript.js' type='text/javascript'/><script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPerl.js' type='text/javascript'/><script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPhp.js' type='text/javascript'/><script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushSql.js' type='text/javascript'/><script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushVb.js' type='text/javascript'/><script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushXml.js' type='text/javascript'/><script language='javascript' type='text/javascript'>SyntaxHighlighter.config.bloggerMode = true; SyntaxHighlighter.all(); </script><!-- Syntax Highlighter 3.0.83 END -->

 save template လုပ္လုိက္ပါေနာ္...
အသုံးျပဳနည္းကေတာ့  မိမိတို႕ ပို႕စ္တင္တဲ့ေနရာမွာ html ကိုကလစ္ျပီး  ေအာက္ကကုဒ္ေလးနဲ႕ဘဲ
လွဳပ္ရွားသြားရမွာ ျဖစ္ပါတယ္...

                    <pre class="brush: js">
                     ဒီေနရာမွာ သင့္ေပၚေစခ်င္တဲ့ ကုဒ္ေတြကို ထည့္ေပးပါ   </pre>

 နည္းလမ္းေလးကေတာ့ ရွင္းလုိက္တာေနာ္... ေကာင္းလဲေကာင္းတယ္..အဆင္ေျပၾကပါေစ။

ေအာင္ေအာင္(မကစ) ရဲ႕ ဘေလာ့ခရီးသည္ေလးအား အားေပးေနၾကတဲ့အတြက္ ေက်းဇဴးအထူးတင္ပါတယ္.. တုန္႕ျပန္မွဳအေနနဲ႕ fb like ေလးေတာ့ လုပ္ေပးခဲ့ၾကပါေနာ္.. တတ္စြမ္းသမွ် ေတြ႕ ရွိသမွ်ေလးေတြကို ျပန္လည္ မွ်ေ၀ေနပါ့မယ္...။ အဆင္မေျပတာမ်ားရွိခဲ့ပါက...cbox မွာ ေျပာခဲ့ၾကပါေနာ္..

 ေအာင္ေအာင္(မကစ) ပိုင္ဆိုင္ေသာ ေနရာေလးမ်ားကိုလာလည္ၾကပါ။

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

Read More

Related Post ေလးေတြ ထည့္ၾကမယ္..

ဒီ related posts widget ေလးကို ပထမအၾကိမ္တင္ေပးထားဘူးပါတယ္..ထပ္တင္အံုးမယ္လို႔ စိတ္ကူးလိုက္တာပါ။ ဒါေလးကနည္းတူဆိုေပမယ့္ ပုံစံေလးေတြ ကြာျခားေနတာ ေတြ႕ရမွာပါ အရင္ကေတာ့ thumbnails နဲ႔ ျပတဲ့ related post widget ကိုလည္းတင္ထားျပီးျဖစ္ပါတယ္..

အဆင့္(၁)။ အေနနဲ႔ Relatedposts ဆိုတဲ့ .js ဖိုင္ေလးကို အရင္ download ယူထားလိုက္ပါ။ ၿပီးရင္ ျပန္တင္ေပးရမွာ ျဖစ္ပါတယ္။
►1-  Blogger Singin ၀င္လိုက္ပါ။
►2-  DASHBOARD ကိုသြားလိုက္ပါ။
►3-  TEMPLATE    ကိုကလစ္ပါ..။
►5-  Ctrl+F အကူညီျဖင့္ ေပးထားတဲ့ ကုဒ္ကို ရွာလိုက္ပါ။
            </head> ဆိုတာေလးကို ရွာလိုက္ပါ။


  ေအာက္က code ေတြကို အဲဒီ </head> ရဲ႕အေပၚ မွာ ထည့္ေပးလိုက္ပါ။

<!--RelatedPostsStarts--><style>#related-posts { float : left; width : 540px; margin-top:20px; margin-left : 5px; margin-bottom:20px; font : 11px Verdana; margin-bottom:10px; } #related-posts .widget { list-style-type : none; margin : 5px 0 5px 0; padding : 0; } #related-posts .widget h2, #related-posts h2 { color : #940f04; font-size : 20px; font-weight : normal; margin : 5px 7px 0; padding : 0 0 5px; } #related-posts a { color : #054474; font-size : 11px; text-decoration : none; } #related-posts a:hover { color : #054474; text-decoration : none; } #related-posts ul { border : medium none; margin : 10px; padding : 0; } #related-posts ul li { display : block; background : url(http://img38.imagefra.me/img/img38/6/4/29/thetnaing/f_i29o2gm_44959d9.gif) no-repeat 0 0; margin : 0; padding-top : 0; padding-right : 0; padding-bottom : 1px; padding-left : 16px; margin-bottom : 5px; line-height : 2em; border-bottom:1px dotted #cccccc; } </style><script src='http://ေဒါင္းလုပ္ယူခဲ့တဲ့ relatedposts.js' type='text/javascript'/><!--RelatedPostsStops-->

အေရာင္နဲ႔ ျပထားတာေတြကို စိတ္ႀကိဳက္ျပင္လို႔ ရပါတယ္။ အားလံုးလည္း သိၿပီးျဖစ္မွာပါ။

ေနာက္ထပ္...။ <data:post.body/> ဆိုတာေလးကို ရွာလိုက္ပါ။
  ေအာက္က code ေတြကို <data:post.body/> ဆိုတာရဲ႕ ေအာက္မွာ ထည့္ေပးလိုက္ပါ။

<!--RELATED-POSTS-STARTS--><b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<font face='Arial' size='3'><b>က႑တူပို႕မ်ား </b></font><font color='#FFFFFF'><b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if><b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; data:label.name &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/></b:if></b:loop> </font>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
</script></div></b:if><!--RELATED-POSTS-STOPS-->

အနီေရာင္  နဲ႔ ျပထားတာေတြကို စိတ္ႀကိဳက္ျပင္လို႔ ရပါတယ္။ အားလံုးလည္း သိၿပီးျဖစ္မွာပါ။
အဆင့္(၉)။ အားလံုးၿပီးသြားၿပီ ဆိုရင္ေတာ့ Save Template ကိုႏွိပ္လုပ္လိုက္ပါ။ ဒါဆို related post widget ထည့္တာ ၿပီးသြားပါၿပီ။ ပို႔စ္ title သို႔မဟုတ္ readmore ဆိုတာေတြ ႏွိပ္ၾကည့္မွ related post က ေပၚမွာျဖစ္ပါတယ္။တကူးတက ဖတ္ေပးတာ ေက်းဇူးပဲဗ်ာ....

Ref: bloggerstop.net

ေအာင္ေအာင္(မကစ) ရဲ႕ ဘေလာ့ခရီးသည္ေလးအား အားေပးေနၾကတဲ့အတြက္ ေက်းဇဴးအထူးတင္ပါတယ္.. တုန္႕ျပန္မွဳအေနနဲ႕ fb like ေလးေတာ့ လုပ္ေပးခဲ့ၾကပါေနာ္.. တတ္စြမ္းသမွ် ေတြ႕ ရွိသမွ်ေလးေတြကို ျပန္လည္ မွ်ေ၀ေနပါ့မယ္...။ အဆင္မေျပတာမ်ားရွိခဲ့ပါက...cbox မွာ ေျပာခဲ့ၾကပါေနာ္..

 ေအာင္ေအာင္(မကစ) ပိုင္ဆိုင္ေသာ ေနရာေလးမ်ားကိုလာလည္ၾကပါ။

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

Read More

ဘေလာ့ကိုစားသားေတြကို Copy လုပ္တဲ့အခါအေရာင္ေျပာင္း ျပီးေပၚေအာင္လုပ္နည္း

သည္နည္းလမ္းေလးကိုေတာ့ ကြ်န္ေတာ္ေလးစားရတဲ့ ျမင္ဆရာ  ဆရာ kp3 ဆီက ယူျပီး မွ်ေ၀ေပးတာပါ.. အားလုံးႏွစ္သက္ၾကမယ္လို႕ ေမွ်ာ္လင့္ပါတယ္.. သူကေတာ့ မထည့္လဲ ျဖစ္ေပ

မယ့္ စမ္းသတ္လိုသူမ်ားအတြက္ေတာ့  နည္းပညာ တစ္ခုဆိုျပီး ကြ်န္ေတာ္ တင္ေပးလုိက္တာပါ..

ဆရာ kp3 ေရးထားတဲ့ မူရင္းပါဗ်ာ................

ပံုမွန္ Copy ရင္ေအာက္ပံုအတိုင္းေပၚပါတယ္။

Code ထည့္ျပီးသြားရင္ေအာက္ပံုအတိုင္းေပၚမွာျဖစ္ပါတယ္။

►1-  Blogger Singin ၀င္လိုက္ပါ။
►2-  DASHBOARD ကိုသြားလိုက္ပါ။
►3-  TEMPLATE    ကိုကလစ္ပါ..။
►4-  EDIT HTML  ကို၀င္ပါ.. Process ကိုကလစ္ျပီးဆက္၀င္လုိက္ပါ။
►5-  Ctrl+F  (သို႕မဟုတ္) F3  အကူညီျဖင့္ ေပးထားတဲ့ ကုဒ္ကို ရွာလိုက္ပါ။

ေအာက္က Code ကိုရွာပါ။

1. </head>  

ေတြ ့ျပီဆိုရင္ေအာက္မွာေအာက္က Code ကိုထည့္္ေပးလိုက္ပါ။

1. <style type="text/css">  
2. ::selection {background:#cc0000;color:#ffffff;}  
3. ::-moz-selection{background:#cc0000;color:#ffffff;}  
4. code::selection {background: #333333;color:#ffffff;}  
5. code::-moz-selection {background: #333333;color:#ffffff;}  
6. pre::selection {background: #44ceff;color:#ffffff;}  
7. pre::-moz-selection {background: #44ceff;color:#ffffff;}  
8. </style>  

၃။Save Template ႏိုပ္လိုက္ပါ။ျပီးပါျပီ ။ ။ ။

ေအာင္ေအာင္(မကစ) ရဲ႕ ဘေလာ့ခရီးသည္ေလးအား အားေပးေနၾကတဲ့အတြက္ ေက်းဇဴးအထူးတင္ပါတယ္.. တုန္႕ျပန္မွဳအေနနဲ႕ fb like ေလးေတာ့ လုပ္ေပးခဲ့ၾကပါေနာ္.. တတ္စြမ္းသမွ် ေတြ႕ ရွိသမွ်ေလးေတြကို ျပန္လည္ မွ်ေ၀ေနပါ့မယ္...။ အဆင္မေျပတာမ်ားရွိခဲ့ပါက...cbox မွာ ေျပာခဲ့ၾကပါေနာ္..

 ေအာင္ေအာင္(မကစ) ပိုင္ဆိုင္ေသာ ေနရာေလးမ်ားကိုလာလည္ၾကပါ။

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

Read More

Scroll Bar ေနာက္ခံ႕ာလာနဲ႕ ပို႕စ္တင္ၾကမယ္

 ဘေလာ့မိတ္ေဆြမ်ားအတြက္ ဒါေလးကေတာ့ ပို႕စ္တင္တဲ့အခါ ကုဒ္ေတြ စာသားေတြကို Scrool Bar ေလးနဲ႕တင္နည္းဆိုတာ ကြ်န္ေတာ္  တင္ျပခဲ့ဘူးပါတယ္... ဒါေလးကလဲ ထို႕အတူပါဘဲ... ေနာက္ခံကာလာေလးေတြ ထည့္လိုသူမ်ားအတြက္ ဒါေလးကို သီးသန္႕ ျပန္လည္ တင္ျပလိုူက္ရျခင္းျဖစ္ပါတယ္...

ပထမဆုံးပို႕စ္တင္တဲ့ေနရာကိုသြားလုိက္ပါေနာ္.. အဲမွာ မိမိတို႕ အေနနဲ႕ html ဆိုတာနဲ႕ ကလစ္တင္

ရမယ္ဆိုတာေတာ့ သတိျပဳေပးေစလိုပါတယ္.. Html ကိုကလစ္ထားလုိက္ပါ...ေနာက္ ေအာက္က

ေပးထားေသာကုဒ္ကို ေကာ္ပီယူ ထည့္လိုက္ပါ....

<div style="height:90px;width:600px;overflow:scroll;background-color:#EAFF00;"> ဒီေနရာမွာမိမိၾကိဳက္တဲ့စာေၾကာင္းေရးလိုက္ပါ။ </div>
<p style="font-family:verdana,arial,sans-serif;font-size:10px;"></p>

 အနီေရာင္စာသားေတြေနရာမွာ မိမိတို႕ ထည့္လိုတဲ့ စာသား (သို႕) ကုဒ္ေတြကို ထည့္ေပးလုိက္ပါ။

အ၀ါေရာင္ ျဖစ္တဲ့   #EAFF00;  သည္ဟာကေတာ့ ေနာက္ခံ ကာလာျဖစ္ပါတယ္ မိမိၾကိဳက္တဲ့ ကာလာကုဒ္ကိုလိုသလို ေျပာင္းလဲ အသုံးျပဳနိဳင္ပါတယ္...ဗ်ာ.. ကြ်န္ေတာ္ဆိုဒ္မွာ ကာလာကုဒ္ေတြကို လိုသလိုယူသုံးနိဳင္ပါတယ္... သည္ကုဒ္မွာ အ၀ါေရာင္ေနာက္ခံ သုံးထားပါတယ္

ေအာင္ေအာင္(မကစ) ရဲ႕ ဘေလာ့ခရီးသည္ေလးအား အားေပးေနၾကတဲ့အတြက္ ေက်းဇဴးအထူးတင္ပါတယ္.. တုန္႕ျပန္မွဳအေနနဲ႕ fb like ေလးေတာ့ လုပ္ေပးခဲ့ၾကပါေနာ္.. တတ္စြမ္းသမွ် ေတြ႕ ရွိသမွ်ေလးေတြကို ျပန္လည္ မွ်ေ၀ေနပါ့မယ္...။ အဆင္မေျပတာမ်ားရွိခဲ့ပါက...cbox မွာ ေျပာခဲ့ၾကပါေနာ္..

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

Read More

ဘေလာ့မွာ Flash သီခ်င္းကို Video ဖိုင္လို တိုက္ရိုက္ပြင္ေအာင္ထည့္နည္း

ဒီေနတင္တဲ့ ပုိ့စ္ေလးကေတာ့ ဘေလာ့မွာFlash သီခ်င္းကို Video ဖိုင္လို တိုက္ရိုက္ပြင္ေအာင္ထည့္နည္း
ေလးေပါ့ဗ်ာ။ဘေလာ့အတြက္ဘာမွမလုိအပ္ေပမယ့္ က်ေတာ္လုိသီးခ်င္း၀ါသနာရွင္မ်ားအတြက္
တင္ေပးရခ်င္ျဖစ္ပါတယ္။ေအာက္မွာ က်ေနာ္ ကုိ၀ုိင္၀ုိင္း နဲ့ ေမ့မွာပါ ဆုိေသာသီးခ်င္းေလးနဲ့
နမွူနာ အျဖစ္ျပေပးလုိက္ပါတယ္။ ျပီေတာ့ထည့္နည္းနဲ့ cond ေလးကုိလည္း ေဖာ္ျပေပးပါတယ္။

ဘေလာ့မွာ HTML Cond ေလးထည့္လုိ့ရတဲ့ေနရာမွန္တမွ်သုံးလုို့ရပါတယ္။

ေအာက္ေပးထားေသာ cond ေလးကုိထည့္ေပးရမယ္ေနာ္။

<embed src=" ဒီေနရာမွာမိမိႀကဳိက္တဲ့Flash song ရဲ့လင္ခ့္္ကိုထည့္ေပးပါ" type="application/x-shockwave-flash" allowscriptaccess="never" width="480" height="380"></embed>

မွတ္ခ်က္။ ။width="480" height="380" ေနရာမွာ မိမိႀကဳိက္တဲ့ Size ေျပာင္းနုိင္ပါတယ္။

Flash song ရဲ့လင့္ခ္မသိတဲ့ မိတ္ေဆြမ်ားအတြက္ နမွူနာ
ကုိ၀ုိင္၀ုိင္း နဲ့ ေမ့မွာပါ ဆုိေသာသီးခ်င္းေလးရဲ့လင့္ခ္

http://api.ning.com/files/mgrl1oZs-vDog429sQB5YutYCGM-sSSwXg4CSk28wdc1Rl5cKFSXpMBYdlXmkWaE5-SZvv*9BubtVuG6pJSjWz5riRvDbGxp/Flashsongs01.swf

                                    သည္မွာ မွ်ေ၀ခဲ့တာပါ...........

 အားေပးေနၾကတဲ့အတြက္ ေက်းဇဴးအထူးတင္ပါတယ္.. တုန္႕ျပန္မွဳအေနနဲ႕ fb like ေလးေတာ့ လုပ္ေပးခဲ့ၾကပါေနာ္.. တတ္စြမ္းသမွ် ေတြ႕ ရွိသမွ်ေလးေတြကို ျပန္လည္ မွ်ေ၀ေနပါ့မယ္...။ အဆင္မေျပတာမ်ားရွိခဲ့ပါက...cbox မွာ ေျပာခဲ့ၾကပါေနာ္..

<<<မန္ဘာ၀င္ျပီး...Fb Like ျခင္းျဖင့္ အားေပးၾကပါေနာ္>>>

ေအာင္ေအာင္(မကစ) ပိုင္ဆိုင္ေသာ ေနရာေလးမ်ားကိုလာလည္ၾကပါ။

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

Read More