How To Add & Use SyntaxHighlighter (V3) To Blogger

ဒီပုိ႔(စ္)ေလးကေတာ့ ဘေလာ့မွာ HTMl, CSS , JaveScirpt Cond ေတြကုိ SyntaxHighlighter (V3) သုံးၿပီး တင္နည္း/ထည့္နည္းေလးပါ။ သိၿပီးၾကေသာ မိတ္ေဆြမ်ားရွိနုိင္သလုိ မသိေသးတဲ့ မိတ္ေဆြမ်ားလည္းရွိနုိင္ပါတယ္။ ဒါေၾကာင့္မသိေသးတဲ့ မိတ္ေဆြေတြအတြက္ ထပ္ေ၀မွ်ေပးလုိက္တာပါ။ ႀကဳိက္ၾကမယ္လုိ႔လည္းေမွ်ာ္လင့္ ပါတယ္။ ေအာက္မွာ Demo သြားၾကည့္လုိ႔ရေအာင္Link နဲ႔ တကြ Cond လည္း ေပးထားပါတယ္။ ဘေလာ့အတြက္ လုိတာေတြနဲ႔အဆင္မေျပတာ ေလးေတြ ရွိခဲ့ရင္ Comment မွာ ေမးနုိင္ၾကပါတယ္။ ဆက္လက္ႀကဳိးစားလွ်က္ - Mr ThangMing

၁။Sign In Blogger

၂။ Template

၃။ Edit HTML

 ၄။ Proceed

၅။ ေအာက္က Cond ကုိရွာ ပါ။ Ctrl + F ကုိတြဲနုိပ္၍ရွာပါ ၊ ရွာရလြယ္ပါတယ္။

</head>

၆။ ေတြ႕ၿပီးဆုိရင္ </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 ကုိ နုိပ္ေပးလုိက္ပါ။ မွတ္ခ်က္။ ။ SyntaxHighlighter (V3) ျဖင့္ေပၚေစခ်င္ တဲ့ Cond ကုိ Post / HTMl မွာ ေအာက္ က Cond အတုိင္ ထည့္ပါ။

<pre class="brush: js">
ဒီေနရာမွာ သင့္ေပၚေစခ်င္တဲ့ Cond ထည့္ပါ / Add Your code here
</pre>

Please Go To The Developer Through This Link>>>http://alexgorbatchev.com/SyntaxHighlighter/