Scroll Bar Widget ျပဳလုပ္နည္း

ကြၽန္ေတာ္ ဘေလာ႕လ္မွာ Scroll Bar Widget လုပ္နည္းေလးကုိ တင္ျပေပးပါမည္။ ကြၽန္ေတာ္တုိ႕ Dtree ကုိ အသုံးမျပဳခ်င္တဲ႕ သူငယ္ခ်င္းမ်ားအတြက္ျဖစ္ပါတယ္။ လုပ္ရတာလဲ ေပါ႔ပါးပါတယ္။ ဒါေၾကာင္႕ တင္ျပေပးလုိက္တာပါ။
1. မိမိတုိ႕ Blog မွ Layout ကုိ click လုိက္ပါ.
2. Page elements ကုိ click လုိက္ပါ။ Add a Gadget ကုိ click ျပီ HTML/JavaScript ကုိ click ျပီ ေအာက္မွာ တင္ျပထားတဲ႕ code ေတြေနရာမွာမိမိ ရဲ႕ Link ေတြနဲ႕အစားထုိးလုိက္ပါ။ Your Text ေနရာမွာ မိမိရဲ႕ အေၾကာင္းအရာ ေခါင္းစဥ္ေတြကုိ ေရးပါ။ Hight နဲ႕ width ကုိ မိမိစိတ္ၾကိဳက္ ျပန္လည္ ျပဳျပင္ႏုိင္ပါတယ္။မႈရင္းဆုိဒ္က ပုံစံကုိကူယူတင္ျပလုိက္ပါတယ္။ ၾကိဳက္ရင္ေတာ႕ အသုံးခ်ၾကည္႕လုိက္ေပါ႔။



<div class="widget-content">
<ul style="height:150px;width:150px; overflow:auto; ">

<li><a href=" Your are Link ">Your Text</a></li>
<li><a href=" Your are Link ">Your Text</a></li>
<li><a href=" Your are Link ">Your Text</a></li>
<li><a href=" Your are Link ">Your Text</a></li>
<li><a href=" Your are Link ">Your Text</a></li>
<li><a href=" Your are Link ">Your Text</a></li>
<li><a href=" Your are Link">Your Text</a></li>
<li><a href=" Your are Link ">Your Text</a></li>
<li><a href=" Your are Link ">Your Text</a></li>
<li><a href=" Your are Link ">Your Text</a></li>
<li><a href=" Your are Link ">Your Text</a></li>
<li><a href=" Your are Link ">Your Text</a></li>
<li><a href=" Your are Link ">Your Text</a></li>
<li><a href=" Your are Link ">Your Text</a></li>
<li><a href=" Your are Link ">Your Text</a></li>
<li><a href=" Your are Link ">Your Text</a></li>
<li><a href=" Your are Link ">Your Text</a></li>
<li><a href=" Your are Link ">Your Text</a></li>
<li><a href=" Your are Link ">Your Text</a></li>
<li><a href=" Your are Link ">Your Text</a></li>
<li><a href=" Your are Link ">Your Text</a></li>
<li><a href=" Your are Link ">Your Text</a></li>
<li><a href="Your are Link">Your Text</a></li>
<li><a href=" Your are Link ">Your Text</a></li><span style="font-weight:bold;"></span>

</ul></div>

Posted in: Blog