#Label1 ul{ max-height:200px; overflow:auto; } #Label1 ul::-webkit-scrollbar { height:12px; width: 12px; background: #333;} ::-webkit-scrollbar-thumb { background-color: #ccc; -moz-border-radius: 10px; border-radius: 10px; }

Tuesday, April 12, 2016

Blogger images with colored frame

                      သူငယ္ခ်င္းတို႔ရဲ႕ဘေလာ့စ္မွာ ပံုေတြတင္တိုင္း ေဘာင္ေလးေတြ ကာလာနဲ႔ခတ္ေပးတာကိုလိုခ်င္ရင္
ေအာင္မွာအေသးစိတ္ရွင္းျပထားပါတယ္။
                         နမူနာ  ဒီမွာ၀င္ၾကည့္  လိုက္ပါအံုး။ 
စတ္၀င္စားတယ္ဆိုရင္ေတာ့ ပထမဆံုး မိမိတို႔ရဲ႕ ဘေလာ့စ္ကေန Template ကိုသြားလိုက္ပါ။

ျပီးရင္ Edit Html ထဲကိုႏွိပ္ျပီး၀င္လိုက္ပါ။ အေရးၾကီးတာက မိမိ Template ကိုအရင္
BackUp လုပ္ထားပါ။ျပီးရင္.. Ctrl+f ႏွိပ္ျပီးရွာ။ မ်က္စိအားေကာင္းရင္ေတာ့ ဒီတိုင္းရွာပါ။
 ]]></b:skin>  ဆိုတာေတြ႔ရင္ သူ႔အေပၚမွာ ေအာက္ကကုတ္ကိုကူးျပီး ထည့္ေပးလိုက္ပါ။
တစ္ခ်ိဳ႕ Templates ေတြမွာ ဒီလိုျဖစ္ေနတတ္ပါတယ္ </b:skin>...</b:skin>  ဒီလိုျဖစ္ေနရင္ အဲ့ဒီ့ 2ခုၾကားမွာ
ကလစ္တစ္ခ်က္ႏွိပ္လိုက္ပါ။ ဖြက္ထားတဲ့ DATA ေတြေပၚလာပါလိမ့္မယ္။

ခုနကရွာမေတြ႔တဲ့   ]]>< /b:skin> ကုဒ္ေလးေပၚလာပါျပီ။ အဲ့ဒီ့ကုဒ္ေလးရဲ႕အေပၚမွာေအာက္ကကုဒ္
ကိုကူးျပီး Paste လုပ္လိုက္ပါ။
/* Image Frame code by www.blogtariff.com*/
div.post-body.entry-content{
margin-top:35px;
font-size:15px;
font-family:'Calibri';
color:#444444;
}
div.post-body img{
border: 10px double #E3E3E3;
max-width:500px;
max-height:auto;
margin-top:10px;
}
div.post-body img:hover{
border: 10px double rgb(10,218,243);
max-width:500px;
max-height:auto;
margin-top:10px;
}

 #E3E3E3  နဲ႔ 10,218,243 ေနရာမွာသူငယ္ခ်င္းတို႔ၾကိဳက္တဲ့ကာလာကုဒ္ နဲ႔
ခ်ိန္းေပးလိုက္ပါ။ျပီးရင္ေတာ့ Save Template ေပါ့ေနာ္။
post  by  ရန္ကုန္သား(နည္းပညာျမိဳ႕ေတာ္) http://mm-knowledge.blogspot.com 
အားလံုးအဆင္ေျပမွာပါ။ ေနာက္ထပ္ Blog နဲ႔ပတ္သက္တဲ့ဒီလိုပိုစ္႔မ်ားကို က်ြန္ေတာ့္
ဘေလာ့စ္ရဲ႕ "လိုခ်င္တာဒီမွာရွာ" ဆိုတဲ့ Lable ေခါင္းစဥ္ေအာက္မွာ" BLOG နည္းပညာ "
လို႔ေရးထားပါတယ္ ။

No comments:

Post a Comment