Tuesday, 2 April 2013

ဘေလာ့က Labels ေတြကို Scroll Bar ေလး ထည့္ခ်င္ရင္..



ဒါေလးကိုလည္း သူငယ္ခ်င္းတစ္ေယာက္ ေတာင္းထားလို႕ တင္ေပးလိုက္ပါတယ္။ Blog တစ္ခုမွာ Labels ဆိုတာ

မရွိမျဖစ္ လိုအပ္တဲ့ Gadget တစ္ခုပါ။ ဒါမွလည္း ကိုယ့္ဆုိဒ္က လိုခ်င္တာ ရွာတဲ့အခါ Flash နဲ႕ ပက္သာတာတို႕

Blog , Coding စသည္ျဖင့္ အမ်ဳိးအစားတူ ပို႕စ္ေတြခ်ည္းကိုပဲ ေရြးဖတ္လို႕ ရႏိုင္မွာပါ။ အဲဒီ Labels ေတြလည္း

အမ်ဳိးအစားေပါင္းမ်ားလာရင္ Blog Sidebar မွာ အရွည္ႀကီး ျဖစ္ေနပါလိမ့္မယ္။ အဲဒါကို ကြ်န္ေတာ္တို႕က


Scroll Bar ေလးနဲ႕ ခ်ဳံ႕ထားလိုက္တဲ့အခါက်ေတာ့ ဆိုဒ္က ေနရာစားသက္သာျပီး သပ္သပ္ရပ္ရပ္ေလး ျဖစ္သြားပါတယ္။

ဒီလိုအေတြးေလး ရတာနဲ႕ ကြ်န္ေတာ္ HTML,CSS ကုတ္ေတြ လိုက္ေမႊျပီးေတာ့ ဒီ Code ကို  စမ္းသပ္ေအာင္ျမင္ခဲ့တာပါ။

Labels တစ္ခုတင္မဟုတ္ပဲ Sidebar က Gadget ေတြအားလံုး သတ္မွတ္ထားတဲ့ အျမင့္ေရာက္တာနဲ႕ Scroll Bar ေလး

ေပၚလာမွာ ျဖစ္ပါတယ္။ သေဘာက် ႀကိဳက္ႏွစ္သက္တယ္ဆိုရင္ေတာ့ ေအာက္က Code ကို အသံုးျပဳပါ။

<style>

/* Scroll Bar For Gadget  */

.sidebar .widget {

max-height: 500px;

overflow-y: auto;}

</style>


Code ေတြကို ေအာက္ပါ အတိုင္းသြားျပီး ထည့္လုိက္ပါ။

[ 1 ] Design 

[ 2 ] Layout  

[ 3 ] Add a Gadget 

[ 4 ] HTML/JavaScript

[ 5 ] Enter Code & Save.

500px  အျမင့္ကို ကိုယ္လိုခ်င္သေလာက္ ဂဏန္းေတြ အတိုးအေလွ်ာ့လုပ္ႏိုင္ပါတယ္။
ကုတ္ထည့္နည္းက အရင္ပို႕စ္မွာ ေရးထားျပီးသားျဖစ္လို႕ ထပ္မေရးေတာ့ပါဘူး။ တစ္ကယ္လို႕ သင့္ Blog မွာ

Labels ဆိုတာ မရွိေသးရင္ ေအာက္ပါအတိုင္း လုပ္ေပးဖို႕ လိုအပ္ပါတယ္။

[ 1 ] Design
 

[ 2 ] Layout  

[ 3 ] Add a Gadget

[ 4 ] Labels & Save.







ကိုယ္ ပို႕စ္တစ္ပုဒ္ေရးတုိင္းမွာလည္း Labels မွာ ပို႕စ္အမ်ဳိးအစား ေရးေပးဖို႕ လိုအပ္ပါတယ္..။




အဲဒါဆိုရင္ေတာ့ ဒါမ်ဳိး ေပၚလာပါလိမ့္မယ္..။




မွတ္္ခ်က္။         ။ ဒီ Scroll Bar For Gadget Code ကို ကြ်န္ေတာ္ကိုယ္တုိင္ ရွာေဖြ စမ္းသပ္ ေအာင္ျမင္ခဲ့တာ

ျဖစ္ပါတယ္။ ဒီနည္းကို ျပန္လည္မွ်ေဝမယ္ဆုိရင္ ပို႕စ္ရဲ႕ တစ္ေနရာရာမွာ ကြ်န္ေတာ့္နာမည္ [ သုိ႕ ] ဆိုဒ္လင့္

တစ္ခုခုကို ထည့္သြင္းေဖာ္ျပေပးဖို႕ ေမတၱာရပ္ခံပါတယ္။ [ မူရင္းကို တန္ဖိုးထားေစခ်င္တဲ့ သေဘာမလို႕ပါ။ ]

နားလည္ေပးႏုိင္လိမ့္မယ္လို႕ ေမွ်ာ္လင့္ပါတယ္။ အားလံုးပဲ အဆင္ေျပႀကပါေစလို႕ ဆႏၵျပဳေပးလုိက္ပါတယ္...။


No comments:

Post a Comment

Comment မ်ားအား စစ္ေဆးျပီးမွသာ အတည္ျပဳေပးမည္။