How To make Label Scroll Function In Blogger

ဒီရက္ပိုင္း  လင္း ဘေလာ့ရဲ႕ Themes ကို ျပင္ရင္းျပင္ရင္း ပို႔စ္ေကာင္းေကာင္းကို   Label  စတုိင္ေလး တစ္ခုကုိ ၿပန္ေရးၿပီး တင္ေပးလုိက္ပါတယ္။
ကဲ. ဘေလာ့ဂါလက္သစ္ေတြအတြက္ ဘေလာ့ရဲ႕ Label ကို Scrollbar နဲ႔လုပ္နည္း ေျပာျပပါမယ္.. လင္း ဆိုဒ္မွာ လုပ္ထားတဲ့ ညာဘက္ေအာက္နားက ေခါင္းစဥ္ တင္ထားသမွ်  ဆိုတာလိုေပါ့ဗ်ာ..
ဒါကေတာ႔ ဘေလာဆရာၾကီးေတြဆီက ရထားတဲ႔ ပညာေလးပါ ။မူရင္းကုိေတာ႔  ဘယ္သူဘယ္ဝါမသိလုိ႔  သက္ဆုိင္သူ ဆရာမ်ားကုိလည္း ေက်းဇူးတင္ပါတယ္။ ကဲ႔ စမယ္ေနာ္။

1. Blogger ထဲကို Sign in ၀င္ပါ..
2. Layout ထဲကိုသြားၿပီး Add a Gadget ဆိုတာကိုႏွိပ္လုိက္ပါ..
3.က်လာတဲ့ေဘာက္ထဲမွာ Labels ဆိုတာကိုႏွိပ္ပါ.. က်လာတဲ့ေဘာက္မွာ All Labels,Alphabetically, List ေတြရဲ႕ေဘးက အ၀ိုင္းေလးကို တစ္ခ်က္စီႏွိပ္ေပးထားခဲ့ပါ.. ၿပီးရင္ေတာ့ Save ေပါ့../
Label လုပ္ၿပီးသူမ်ားအေနနဲ႔အထက္ပါအဆင့္ 3 ဆင့္ လုပ္ရန္ မလိုပါ...  ကဲ ဆက္ရေအာင္..

ဒီတစ္ခါ ကုဒ္ထည့္ရမွာျဖစ္ပါတယ္..
Template  ႏွိပ္ၿပီး  Live on Blog ရဲ႕ ေအာက္မွာ Edit HTML ႏွိပ္ေပးလုိက္ရင္ေတာ႔
 Html ထဲကိုေရာက္တဲ့အခါ ကလစ္တစ္ခ်က္ခ်ၿပီး Ctrl+F ကိုႏွိပ္ၿပီး ေပၚလာတဲ့ Search Box ထဲမွာ ေအာက္ပါကုဒ္ကိုထည့္ၿပီး ရွာပါ..

 ]]></b:skin>

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

ထည့္ရမယ့္ကုဒ္က

#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;
}

ကဲဒါဆိုရင္ ရၿပီ.. အင္း.. အေရာင္ေတြျပင္ခ်င္တယ္ဆိုရင္ေတာ့ အနီေရာင္နဲ႔ ျပထားတဲ့ #333, #ccc ဆိုတာေတြကို ျပင္ႏိုင္ပါတယ္.. အေရာင္ေတြရဲ႕ ကုဒ္အေၾကာင္းမသိရင္ေတာင္. အဆင္သင့္ေပးထားတဲ့အေရာင္နဲ႔ ကုဒ္နဲ႔ တြဲထားတာေတြရွိပါတယ္.. အေပၚေအာက္ အနံကို ေျပာင္းခ်င္တယ္ဆိုရင္ေတာ့ max-height: 200px ဆိုတဲ့ေနရာမွာ 200 အစား ကိုယ္လိုခ်င္သေလာက္ေျပာင္းႏိုင္ပါတယ္..လင္း ဆုိဒ္မွာေတာ႔  400px   စမ္းၾကည့္ထားတာပါ။ အဆင္ေၿပပါတယ္။.. ၿပီးရင္ေတာ႔ Template ကို Save ၿပီး ၾကည့္ေပးပါ.အဆင္မေၿပေသးဘူးဆုိရင္ေတာ႔ .. Save ထားတဲ႔ ကုတ္ကုိ ၿပန္ၿပဳႏုိင္ပါတယ္။ ကုဒ္အမွားတစ္ခုခုေၾကာင့္ Template က အလုပ္မလုပ္ေတာ့ရင္ Clear Edit လုပ္လိုက္ပါ.. ။
အဆင္ေၿပေစရန္ အတြက္ ရည္ရြယ္ၿပီး ၿပန္တင္ေပးထားတာပါ။ မူရင္းဆရာအားေလးစားလွ်က္ပါ။

က်ေနာ္တင္သမွ်  Post ေတြကို Facebook မွ တုိက္ရုိက္ဖတ္ရႈလို႔ပါက >> လင္း နည္းပညာ page ကို    Like လုပ္ထားေပးပါ.  ေက်းဇူးတင္ပါတယ္။

 လင္းစြယ္စုံ(နည္းပညာမွ်ေဝျခင္း)

   http://www.linmss.org/

     အဆင္ေျပၾကပါေစ။

Share on Google Plus

About Ko Lin

This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.