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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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 နဲ႕ၾကည့္လဲ ေျပးေနတာ မေတြ႕နိဳင္ပါဘူးးးေနာ္  တင္ျပီးျပီဆိုမွ ဘေလာ့ေပၚ ၾကည့္လိုက္ပါ... ခုလိုေလးေတြ႕ရမွာ ျဖစ္ပါတယ္..

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

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

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

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

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

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

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

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

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

ရိုးရိုးရွင္းရွင္း 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 မွာ ေျပာခဲ့ၾကပါေနာ္..

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

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