ေစာေမဓာ

CSS codes မ်ားႏွင့္ Scripts မ်ားကုိ Blog Post တြင္ေဖာ္ျပျခင္း

အားလုံးပဲမဂၤလာပါခင္ဗ်ာ။ အခု ကၽြန္ေတာ္ေဖာ္ျပေပးမယ့္အေၾကာင္းအရာကေတာ့ မိမိတုိ႔ရဲ႕ ဘေလာ့ဂ္မွာ CSS codes ေတြနဲ႔ Scripts ေတြကုိ သီးျခား Style တစ္မ်ိဳးနဲ႔ ေဖာ္ျပေပးတဲ့နည္းေလးပဲျဖစ္ပါတယ္။ နမူနာကုိေတာ့ အခု ပုိ႔စ္မွာပဲၾကည့္လုိက္ပါ။ ဒီလုိေဖာ္ျပေပးျခင္းအားျဖင့္ စာဖတ္သူအေနနဲ႔လည္း Code ေတြကုိ ရွင္းလင္းစြာ ေတြ႕ျမင္ရမွာျဖစ္ပါတယ္။ စိတ္၀င္စားသူမ်ား ေအာက္ကနည္းေလးအတုိင္း လုိက္လုပ္ၾကည့္ႏုိင္ပါတယ္။။

၁။ Dashboard--->>Layout---->>Edit html ကုိသြားပါ။ Template ကုိ Backup လုပ္ခဲ့ပါ(Download Full Template)။

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


.codeview {

margin : 25px 35px 25px 25px;

padding : 15px;

clear : both;

list-style-type : none;

background : #f9f9f9 url(http://img17.imageshack.us/img17/5162/codeview.gif) no-repeat right bottom;

border-top : 1px solid #eeeeee;

border-right : 2px solid #cccccc;

border-bottom : 2px solid #cccccc;

border-left : 1px solid #eeeeee;

}

.codeview li {

font-size : 13px;

line-height : 24px;

font-family : "Courier New", "MS Sans Serif", sans-serif, serif;

color : #FFFFFF;

font-weight : normal;

margin : 0;

padding : 0;

}


၃။ အေပၚက Code ေတြထဲမွာ အနီေရာင္ျပထားတာေတြကုိ မိမိဘေလာ့ဂ္ရဲ႕ Template နဲ႔ ကုိက္ညီေအာင္ စိတ္တုိင္းက်ျပျပင္ေပးလုိ႔ရပါတယ္။ Template ကုိ Save လုပ္ပါ။ CSS code ေတြနဲ႕ Script ေတြ ေအာက္မွာေပးထားတဲ့ div section ႏွစ္ခုၾကားမွာ ေရးပါ။ အဆင္ေျပၾကပါေစဗ်ာ..


<div class="codeview">

Insert the Special code here

</div>


HTML Code မွ ေျပာင္းရမည့္ Notation သေကၤတမ်ား


ref: http://www.newbloggingtipz.com/2009/08/how-to-add-html-codes-in-blogger-posts.html