ကြ်န္ေတာ့္ BLOG အားလာေရာက္ လည္ပါတ္သူမ်ားကို အထူးပင္ေက်းဇူးတင္ရွိပါသည္။

Saturday, September 14, 2013

Blogger Labels ေတြကို Scorrl Bar ေလးနဲ႕ထားနည္း


 မဂၤလာပါ  ဘေလာ့မိတ္ေဆြအေပါင္းးတို႕....သည္တခါတင္မဲ့ နည္းလမ္းေလးကေတာ့  ဘောလ့ကာ မ်ားးအတြက္ အေတာ္ေလးကိုအသုံး၀င္ျပီး  ထိေရာက္ေစတဲ့နည္းပညာေလးပါ...ဘာလဲဆိုေတာ့
က်ေနာ္တို႕ ဘေလာ့ကာေတြမွာ Labels  ေတြမ်ားပ်ားလာတာနဲ႕အမွ် ေနရာအခက္ခဲေတြ႕ေနၾကရပါတယ္.
အဲအတြက္  ေလဘယ္ေတြကို  cloud  ထားၾကရျပန္တယ္.အဲလို ထားျပန္ေတာ့ ေလဘယ္  ေတြက
အကၡရာအစီစဥ္မက်ေတာ့ျပန္ဘူးးဗ်.... အဲေတာ့ ကြ်န္ေတာ္  တင္ဖို႕ သည္နည္းေလးကို သိမ္းးထားတာ ၾကာျပီ.....ေဆာရီးးပါ  အမွတ္တမဲ့နဲ႕ ေမ့ေလ်ာ့ေနခဲ့တယ္... အခု  က်ေနာ္  လယ္တီေျမသား   ဆိုဒ္မွာ
ေလဘယ္ေတြ အရမ္းမ်ားေနေတာ့မွ  ျပန္သတိယတယ္... သိမ္းးထားတာ မနည္းလုိက္ရွာယူရတယ္...
လက္ေတြ႕က်က် စမ္းသတ္ေပးျပီး  မွျပန္လည္ မွ်ေ၀ျခင္းပါ ယုံၾကည္စြာ  အသုံးျပဳ နိုႈ္ပါတယ္...ေနာ္
ေအာက္မွာ နည္းလမ္းနဲ႕  လိုအပ္ေသာ ကုဒ္ေတြေပးထားပါတယ္...

►1-  Blogger Singin ၀င္လိုက္ပါ။
►2-  Dashboard  ကိုသြားလိုက္ပါ။
►3-  Template    ကိုကလစ္ပါ..။
►4-  Edit  Html   ကို၀င္ပါ..
►5- Ctrl+F  (သို႕မဟုတ္) F3  အကူညီျဖင့္ ေပးထားတဲ့ ကုဒ္ကို ရွာလိုက္ပါ။
 "]]></b:skin>" သည္ကုဒ္ကို ရွာလုိက္ပါ.. ေတြ႕႔ျပီဆိုတာနဲ႕ သူ႕အေပၚကေနကပ္လွ်က္  ေအာက္မွာ ေပးထားတဲ့ကုဒ္ေတြ ထည့္လုိက္ပါ။


#Label1 ul{
max-height:500px;
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;
}

ကုဒ္ထဲမွာ  max-height:500px; ဆိုတာမွာ အေပၚေအာက္ လိုသေလာက္ နံပါတ္ ခ်ိန္းပါ။
 Preview Template နဲ႕ၾကည့္ေပးပါ စိတ္ၾကိဳက္ျပီဆိုမွ ေဆ့ပါ....
မွတ္ခ်က္ ။     ။  အခု ရွာခိုင္းေသာကုဒ္အား အေတာ္ မ်ားမ်ား ရွာမေတြ႕ျဖစ္တတ္ၾကပါတယ္..အဲတာကလည္း  တက္ပလက္က ကုဒ္ေတြကို ေခါက္ထားတဲ့ဘသေဘာ ရွိလို႕႔ပါ...ကြ်န္ေတာ္ အၾကံျပဳလိုတာကေတာ့  မိမိတို႕ Html ေတြမွာ စာတိုင္ေလးေတြ ၾကည့္ပါ  မွ်ားအနက္ေလး နဲ႕ ကုဒ္ေတြ ေခါက္ထားတတ္ပါတယ္....အခ်ိန္ခဏေပးပါ  ရွိရွိသမွ် မွ်ားအနက္ေလးေတြကိုအကုန္ လုိက္ကလစ္လိုက္ပါ...ဒါဆို ကုဒ္ရွိသမွ် ျဖည္ျပီးသားျဖစ္ေနပါျပီ... ေနာက္၀င္တာနဲ႕ အကုန္ ျဖည္ထားျပီးျဖစ္ေနတာ ေတြ႕ရမွာပါ...ေက်းဇဴးတင္ပါတယ္.. တၾကိမ္တခါ ဘဲ ပင္ပန္းတာကို ခံလုိက္ပါ..ေနာက္ေနာင္ အျမဲ အလြယ္တကူရွာနိဳင္ဖို႕ပါ...

No comments:

Post a Comment