How To Change Design Of Your Comment Box Very Easily

ဒီေန႔တင္တဲ့ ပုိ႔(စ္)ေလးကေတာ့ ဘေလာ့ Comment Box ကုိ ေနာက္ခံပုံ ထည့္နည္း / ေျပာင္းနည္းေလးပါ။ သိၿပီးၾကေသာ မိတ္ေဆြေတြလည္းမ်ားေတာ့မွာပါ၊ မသိေသးတဲ့ မိတ္ေဆြေတြ အခက္အခဲ မရွိေအာင္ မသိေသးသူမ်ား အတြက္ ထပ္ေ၀မွ်ေပးလုိက္ပါတယ္။ ေအာက္မွာ Demo ပုံ နွင့္ တကြ Demo သြားၾကည့္လုိ႔ရေအာင္ link နဲ႔ Cond ေတြလည္းထားေပးပါတယ္။

၁။Sign In Blogger

၂။ Template

၃။ Edit HTMl

၄။ Proceed
Expand Widget Templates ကုိအမွန္ျခစ္ေပးလုိက္ပါ

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

]]></b:skin>

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

#tm-cbox iframe{

background:#ffffff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQRSbp2stPCnub95-jHYOBX5GDQzY9132jzAH0VlM69ll2ZvIYeZXeGYHbtznUxwj38GzrzBds_sAPhgvtienTz3o8tkuWWX19BC96t5JgqMbm7BRySRNQwHDABzCDnBpMd-tcKsfxysU/s1600/mrthangming1.png) repeat;

border:1px solid #ddd;

-moz-border-radius:6px;

-webkit-border-radius:6px;

box-shadow: 5px 5px 5px #CCCCCC;

padding:5px;

font:normal 12pt "ms sans serif", Arial;

color:#2F97FF;

width:560px; height:213px !important;

}

#tm-cbox a{

color:#fff;

}

၇။ ေအာက္က Cond ကုိ ထပ္ရွာပါ။

<div class='comment-form'>

၈။ ေတြ႕ၿပီးဆုိရင္ ေအာက္က Cond နဲ႔ လဲေပးပါ။ "(<div class='comment-form'> ကုိ ျဖဳတ္ၿပီး ထုိေနရာမွာ ေအာက္က Cond ကုိ အစာထုိးေပးပါ)"

  <div id='tm-comment'>

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

မွတ္ခ်က္။  ။https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQRSbp2stPCnub95-jHYOBX5GDQzY9132jzAH0VlM69ll2ZvIYeZXeGYHbtznUxwj38GzrzBds_sAPhgvtienTz3o8tkuWWX19BC96t5JgqMbm7BRySRNQwHDABzCDnBpMd-tcKsfxysU/s1600/mrthangming1.png ဟာပုံရဲ႕ link ျဖစ္ပါတရ္၊ ထုိပုံ Link ေနရာမွာ မိမိႀကဳိက္တဲ့ ပုံရဲ႕ Link ေျပာင္းနုိင္ပါတယ္/အစာထုိးနုိင္ပါတယ္။