( ၁ ) ကိုယ့် Blog ရဲ့ Theme ကို အရင်ဆုံး Backup လုပ်ထားပါ။ ( ဒါမှ မတော်တဆ မှားယွင်းသွားခဲ့ရင် Restore လုပ်ပြီး ပြန်ပြင်နိုင်ပါလိမ့်မယ်။ )

( ၂ ) Theme ကိုကနေတဆင့် Edit HTML ကိုနှိပ်ပါ။

( ၃ ) ပေါ်လာတဲ့ Code တွေထဲမှာ Cursor တချက်ချပြီး Ctrl+F ကိုနှိပ်ပါ။

( ၄ ) Search Box မှာ </b:skin> ကိုရိုက်ထည့်ပြီး Enter ခေါက်ပါ။ ]]</b:skin> ဆိုတာလေးပေါ်လာပါ လိမ့်မယ်။

( ၅ ) အဲဒီ ]]</b:skin> ရဲ့အထက်မှာ အောက်မှာပေးထားတဲ့ Code ကို ထည့်ပါ။

Copy ယူရန်

/*Start Code View by Thuta Sann */ .scrollCodeView { background:#f5f8fa; background-repeat:no-repeat; border: solid #5C7B90; border-width: 1px 1px 1px 20px; color: #000000; font: 13px 'Courier New', Courier, monospace; line-height: 16px; margin: 10px 0 10px 10px; max-height: 200px; min-height: 16px; overflow: auto; padding: 28px 10px 10px; width: 90%; } .scrollCodeView:hover { background-repeat:no-repeat; } .no_scrollCodeView { background:#f5f8fa; background-repeat:no-repeat; border: solid #5C7B90; border-width: 1px 1px 1px 20px; color: #000000; font: 13px 'Courier New', Courier, monospace; line-height: 16px; margin: 10px 0 10px 10px; min-height: 16px; overflow: auto; padding: 28px 10px 10px; width: 90%; } .no_scrollCodeView:hover { background-repeat:no-repeat; } /*End Code View by Thuta Sann */


( ၆  ) ပြီးရင် Save ကိုနှိပ်ပါ။

 

အသုံးပြုနည်း

( ၁ ) Post တင်ဖို့အတွက် New Post ကိုနှိပ်ဝင်ပါ။

( ၂ ) HTML view ကို ပြောင်းပါ။

( ၃ ) မိမိပြချင်တဲ့ Code တွေကို Scroll Bar လေးနဲ့ပြချင်တယ်ဆိုရင် ဒီလိုရေးပါ။

( ၄ ) မိမိပြချင်တဲ့ Code တွေကို Scroll Bar မပါပဲ ပြချင်တယ်ဆိုရင် ဒီလိုရေးပါ။

( ၅ ) Publish ကိုနှိပ်ပါ။

Code Box ကို ရိုးရိုးရှင်းရှင်းထည့်သုံးချင်ရင် ဒီမှာ ဖတ်ပါ။

လက်တွေ့လုပ်ပြထားတဲ့ Video ကို ဒီမှာ ကြည့်ပါ။