How to show CSS/HTML/java codes in blogger Posts

ဒီေန႔တင္ေပးတဲ့ ပုိ႔(စ္)ေလးကေတာ့ CSS/HTML/java codes ေတြကုိ ဘေလာ့ ပုိ႔(စ္)မွာ လွလွပပေလးျဖစ္ေအာင္ ထည့္နည္း/လုပ္နည္းေလးပါ။ အရင္ကတင္ၿပီးသာ ပုိ႔(စ္)ေတြလည္းရွိပါတယ္၊ (၁)How To Show HTML/Javascript Codes In Blogger Posts / (၂) How To Show HTML, CSS, JavaScript Codes in Colored Background To Blogger Posts ဒီပုိ႔(စ္)ေတြမွာလဲ ၾကည့္ရွဳ႕နုိင္ပါတယ္။ Cond တစ္ခုနွင္တစ္ခု မတူသလုိ Cond ရဲ႕ အလုပ္လုပ္ပုံမွာလဲ မတူတာေၾကာင့္ လုိတာထက္ပုိ တင္ေပးလုိက္တာပါ။ ေအာက္မွာ Demo သြားၾကည့္လုိ႔ရေအာင္ Link ႏွင့္ တကြ Cond လည္းေပးထားပါတယ္။

၁။Sign In Blogger

၂။ Template

၃။ Edit HTMl

၄။ Proceed

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

]]></b:skin>

၆။ ေတြ႔ၿပီးဆုိရင္ ]]></b:skin> ရဲ႕ အေပၚမွာ ေအာက္က Cond ကုိ ထပ္ထည့္ေပးလုိက္ပါ။

pre { background:#efefef; border:1px solid #A6B0BF; font-size:120%; line-height:100%; overflow:auto; padding:10px; color:#000000 } pre:hover { border:1px solid #efefef; } code { font-size:120%; text-align:left; margin:0;padding:0; color: #000000;} .clear { clear:both; overflow:hidden; }

၇။ ထည့္ၿပီးရင္ Save Template ကုိနုိပ္ေပးလုိက္ပါ။


၈။ မိမိ ေပၚေစခ်င္တဲ့ HTML/Javascript Codes ေတြကုိ ေအာက္ပါအတုိင္ ထည့္ပါ။

<pre>

ဒီေနရာမွာ မိမိ ေပၚေစခ်င္တဲ့ HTML/Javascript Codes ကုိထည့္ပါ။

</pre>

မွတ္ခ်က္။   ။မိမိတင္သြင္းလုိသည့္ HTML/Javascript Codes ဟာ ထည့္မရတာမ်ဳိး၊ ဆုိရင္ HTML/Javascript Codes ေတြ ကုိ Convert HTML to Escaped HTML လုပ္ေပးဖုိ႔ လုိပါလိမ့္မယ္။ ေအာက္မွာ က်ေနာ္ေပးထာတဲ့ HTML Parser Tool မွာ အရင္ဆုံး မိမိတင္လုိသည့္ HTML/Javascript Codes ေတြကုိ Convert လုပ္ေပးလုိက္ပါ။

Mr ThangMing By Convert HTML to Escaped HTML Tool