Saturday 30 May 2015

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 ကုိထည့္ေပးပါ။



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

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

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

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

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

[IMG]
[IMG]

0 comments:

Post a Comment