ကိုယ့္ဘေလာ့ရဲ႕ပို႔စ္ေတြ၊ ကြန္မန္႔ေတြ ဒါမွမဟုတ္ တျခားဘေလာ့ေတြရဲ႕ပို႔စ္ေတြကို Tab ကေနၾကည့္လို႔ရေအာင္လုပ္ထားႏိုင္တဲ့ Widget ေလးပါ။ ကၽြန္ေတာ္ကိုယ္တိုင္ေရးတာေတာ့ ဘယ္ဟုတ္ပါ့မလဲေနာ္ (လူတိုင္းလဲ သိေလာက္ပါတယ္)။ Hoctro ရဲ႕ဖန္တီးထားတဲ့ Widget တစ္ခုပါ။ Yahoo! ရဲ႕ TabView Widget ကိုအေျခခံၿပီး ေရးထားတာျဖစ္ပါတယ္။ အဲဒီလိုျဖစ္ေအာင္ သူ႔ရဲ႕ပို႔စ္ ၄ ခုကို ဖတ္လိုက္ရပါတယ္။ နည္းနည္းေတာင္ မူးသြားတယ္ဗ်ာ။ သူ႔ဆီက ခြင့္ျပဳခ်က္ေတာင္းၿပီး ဒီမွာ ဘာသာျပန္ေပးလိုက္ပါတယ္။ ဖတ္တဲ့လူေတြ အဆင္ေျပေအာင္ ပို႔စ္တစ္ခုထဲမွာေပါင္းေရးလိုက္ပါမယ္။ အဆင့္-၁ေအာက္မွာျပထားတဲ့ Javascript ကုဒ္ေတြကို </head> ရဲ႕အေပၚနားမွာ ကူးထည့္လိုက္ပါ။ ဒါမွမဟုတ္ အဲဒီကုဒ္ေတြကို js ဖိုင္အေနနဲ႔ hosting တစ္ခုမွာတင္ထားၿပီး ေခၚသံုးလဲရပါတယ္။ကၽြန္ေတာ္ကေတာ့ တန္းပလိတ္ထဲမွာပဲ…

ပို႔စ္ေတြကို Peek-a-boo ထည့္ထားရင္ အဲဒီပို႔စ္ကို အက်ဥ္းပဲ ေဖာ္ျပလို႔ရသလို အကုန္ဖတ္ခ်င္ရင္လဲ ရပါတယ္။ ဘေလာ့ေတာ္ေတာ္မ်ားမ်ားမွာလည္း အဲဒါေလးေတြ လုပ္ထားၾကပါတယ္။ ကၽြန္ေတာ့္ ပို႔စ္ေတြမွာလည္း လုပ္ထားပါတယ္။ တကယ္ေတာ့ လြယ္ပါတယ္။ ဒီလိုပါ။ပထမဦးဆံုးကေတာ့ ထံုးစံအတိုင္း တန္းပလိတ္ကို ဘက္ကပ္လုပ္ထားပါ။ ဒါမွ ကိုယ္လုပ္တာ တစ္ခုခုမွားသြားရင္ အလြယ္တကူ မူလအတိုင္း ျပန္ရပါလိမ့္မယ္။ ဒုတိယအဆင့္အေနနဲ႔က ေဟာဒီကုဒ္ေတြကို head အဖြင့္နဲ႔ အပိတ္ၾကား ထည့္လိုက္ပါ။ ရွာရလြယ္ကူေအာင္ဆိုရင္ေတာ့ tag ရဲ႕အေပၚနားေလးမွာပဲ ကူးထည့္လိုက္ေပါ့။ <script type=’text/javascript’ src=’http://www.anniyalogam.com/widgets/hackosphere.js’ /> ေနာက္တစ္ဆင့္ကေတာ့ ဒီကုဒ္ေတြကို တန္းပလိတ္ထဲမွာ ရွာပါ။ (expand-widget ကိုေရြးထားရပါမယ္) <b:includable id=’post’ var=’post’><div class=’post’><a…

Previous post နဲ႔ Archives ေတြကိုပဲျဖစ္ျဖစ္ Friend list ေတြကိုပဲျဖစ္ျဖစ္ Switch Menu ေလးနဲ႔လုပ္လို႔ရပါတယ္။ ကၽြန္ေတာ့္ side bar မွာလုပ္ထားပါတယ္။ အဲဒီေခါင္းစဥ္ေတြေပၚကို ႏွိပ္ၾကည့္ပါ။ (Blogspot အတြက္ပဲျဖစ္ပါတယ္။) အဲဒီလိုမ်ိဳးထည့္ခ်င္တယ္ဆိုရင္ေတာ့….. အဆင့္ – ၁ ပထမဆံုး ေဟာဒီကုဒ္ေတြကို <–head> နဲ႔ <–/head> ၾကားထဲမွာ ကူးထည့္လိုက္ပါ။ <br /> <mce:style type=”text/css”><!– .menutitle{<br />cursor:pointer;<br />margin-bottom: 5px;<br />background-color:#ECECFF;<br />color:#000000;<br />width:140px;<br />padding:2px;<br />text-align:center;<br />font-weight:bold;<br />/*/*/border:1px solid #000000;/* */<br />}</p> <p>.submenu{<br…