Saturday, 10 November 2012

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


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

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

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



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

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

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

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

 ေအာင္ေအာင္(မကစ) ပိုင္ဆိုင္ေသာ ေနရာေလးမ်ားကိုလာလည္ၾကပါ။
လယ္တီေျမသား www.ledimyethar.com
ဘေလာ့ခရီးသည္ http://aungsanmks.blogspot.com/
မွတ္စုစာအုပ္ http://aungsan96.blogspot.com/
 ဒီပဲယင္းသားေလး www.depelyin.co.cc
 ေဆာ့၀ဲလ္ျမိဳ႕ေတာ္ www. aungkyaw.com
ဓမၼဗိမာန္ http://dhamabimarn.blogspot.com/

0 comments:

Post a Comment