- မူရင္းစာမ်က္ႏွာ »
- Blog Blog HTML »
- How To make Label Scroll Function In Blogger
ေရးသားသူ : Christ Leo
Friday, August 19, 2016
ဒီရက္ပိုင္း လင္း ဘေလာ့ရဲ႕ 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မ်ားၾကည့္လိုပါကအေပၚက Menu မွာၾကည့္လို႔ရပါတယ္ေနာ္
ကၽြန္ေတာ္ပိုင္ေနရာေလးမ်ား
ေရာင္ျပန္ေလးစာေပသို႔ဒီမွာသြားပါ
18+တို႔ဆံုဆည္းရာသို႔ဒီမွာသြားပါ
****အဆင္မေျပမႈ႔တစ္စံုတစ္ရာရွိပါက****
Facebook Account ျဖစ္တဲ႔
ေအာက္ပါပံုေလးကိုႏွိပ္ျပီးေ၀ဖန္အၾကံေပးႏိုင္ပါတယ္
{ 3 Comment... read them below or မွတ္ခ်က္ }
အဆင္မေျပတာမ်ား ၊ လိုခ်င္တာမ်ားရွိရင္မွာခဲ႔ပါ။
ကၽြန္ေတာ္႔ရဲ႔ေရးေဖာ္ေရးဖက္မ်ား
Yaung Pyan Lay (ေရာင္ျပန္ေလး နည္းပညာ)
ဂ်ဴးကေလး(ေရာင္ျပန္ေလး စာေပ)
Mr Yaung Pyan (Golden Myanmar)
ကိုျမတ္ ( MICT Garden)
ေငြဇင္မိုး (ေငြဇင္မိုး မံုရြာ)
Aung Ko Latt (Aung Ko Latt စြယ္စံု)
Maung Pauk (ေမာင္ေပါက္နည္းပညာ)
CKKH(နည္းပညာ)
မဂၤလာပါဆရာတို႔ခင္ဗ်ာ ဘေလာ့ ကိုစိတ္ဝင္စားသူက်ေနာ္က
ReplyDeleteဘေလာ့တစ္ခုေတာ့ဖြင့္တတ္သြားပါၿပီ က်န္ေနတဲ႔ေနရာေတြမွာ
လုံးဝမျပင္တတ္ေသးပါဘူး အေၾကာင္းက စေလ့လာသူျဖစ္ေန
လို႔ပါဆရာတို႔ခင္ဗ်ာ ျမန္မာအလံထည့္နည္း ဘုရားပုံေတာ္ထည့္နည္း ဗီဒီယုိဖိုင္ျဖင့္တင္ေပးသင္ေပးၾကပါလို႔ ေတာင္းဆိုပါရ
ေစဆရာတို႔ခင္ဗ်ာ
မဂၤလာပါဆရာတို႔ခင္ဗ်ာ ဘေလာ့ ကိုစိတ္ဝင္စားသူက်ေနာ္က
ReplyDeleteဘေလာ့တစ္ခုေတာ့ဖြင့္တတ္သြားပါၿပီ က်န္ေနတဲ႔ေနရာေတြမွာ
လုံးဝမျပင္တတ္ေသးပါဘူး အေၾကာင္းက စေလ့လာသူျဖစ္ေန
လို႔ပါဆရာတို႔ခင္ဗ်ာ ျမန္မာအလံထည့္နည္း ဘုရားပုံေတာ္ထည့္နည္း ဗီဒီယုိဖိုင္ျဖင့္တင္ေပးသင္ေပးၾကပါလို႔ ေတာင္းဆိုပါရ
ေစဆရာတို႔ခင္ဗ်ာ
ညီေလးေရအစ္ကိုႀကိဳးစားေပးပါမယ္
ReplyDelete