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

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

Posted in: Blogs Post