How To Show HTML, CSS, JavaScript Codes in Colored Background To Blogger Posts

အခုေနာက္တစ္ခါ မွ်ေ၀ခ်င္တဲ့ ပုိ႔(စ္)ကေတာ့ ဘေလာ့မွာ HTML, CSS, JavaScript Codes ေတြကုိ ေနာက္ခံ အေရာင္ေလးနွင့္ လွလွပပ တင္နည္း/ထည့္နည္းေလးပါ။ ႀကဳိက္ၾကမယ္လုိ႔လည္းေမွ်ာ္လင့္ပါတယ္။ ေစာေစာက တင္ၿပီးသာ ပုိ႔(စ္)ေလးနွင့္ သိပ္မကြာပါဘူး။ How To Show HTML/Javascript Codes In Blogger Posts မွာလည္းတင္ေပးၿပီးပါၿပီး။ ဒါေပမယ့္ Cond ၏ အလုပ္လုပ္ပုံကေတာ့ကြာပါတယ္။ ေအာက္မွာ Demo သြားၾကည့္လုိ႔ရေအာင္ Link ႏွင့္ တကြ Cond လည္းေပးထားပါတယ္။

၁။Sign In Blogger

၂။ Template

၃။ Edit HTMl

၄။ Proceed

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

]]></b:skin>

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

.rafi { font-size: 15px;font-family: Courier;font-weight: normal;font-style:italic; background-color: #000000; color: #ffffff; width: 90%; margin: 5px 10px; padding: 20px 20px 20px 20px; border: 2px dotted lightgrey; transition: background-color .777s; -webkit-transition: background-color .777s; -moz-transition: background-color .777s; -o-transition: background-color .777s; -ms-transition: background-color .777s; } .rafi:hover { background-color: #0c991a ; color: #fff; box-shadow: -1px -1px 12px 2px gainsboro; border-radius: 10px; } .rafi:active { background-color: CornflowerBlue ; color: #000; }

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

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

<div class="rafi">

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

</div>