+/-Show/Hide Menu ေလးေတြလုပ္ၾကမယ္
အရင္က ဒါမ်ဳိးေလကို သယ္ရင္းႀကိး CMS လုပ္ဘူးပါတယ္ သူလုပ္ထားတာေလးကိုသေဘာက်လို႕
လိုက္ရွာရင္းကေန Blog-U ဆိုတဲ့ေနရာေလးက သြားေရာက္ေလ့လာၿပိးမွတင္ျဖစ္ပါတယ္
က်ေနာ္ထြင္တာ လုပ္ထားတာမဟုတ္ဘူးဆိုတာ ၀န္ခံပါရေစ။ တကယ္က ကၽြန္ေတာ္ Code ေတြမေရး
တတ္ပါဘူး။ Copy ေတာ့အေတာ္ကိုကၽြမ္းပါတယ္။ က်ေနာ္က အစဥ္ေျပသလိုျပန္လုပ္ထားလို႔တစ္ခ်ဳိ႕
အပိုင္းေလေတြလိုသြားတာရွိေကာင္းရွိႏိုင္ပါတယ္ ဒိထက္အရွင္းဆုံးကို ေတာ့ Blog-U မွာ သြားေရာက္ေလ့လာ
ႏိုင္ပါတယ္ အရင္ဆုံးလုပ္ရတာက ကိုယ္ဘာေတြထည့္မယ္ ဘာကိုလုပ္မယ္ဆိုတာ အရင္ဥိးဆုံးလုပ္ပါ။ ၿပိးရင္ေအာက္က Code ေလးေတြကို <style> </style> ၾကားမွာထည့္ပါ။
.commenthidden {display:none}ေအာက္မွာေဖၚျပထားတာေလးေတြကိုေတာ့ <head></head>ၾကားမွာထည့္ေပးရပါလိပ္မယ္။
.commentshown {display:inline}
<script type="text/Javascript">
function togglecomments (postid) {
var whichpost = document.getElementById(postid);
if (whichpost.className=="commentshown") { whichpost.className="commenthidden"; } else { whichpost.className="commentshown"; }
} </script>
ၿပိးသြားရင္ ကိုယ္ထည့္မယ့္ Side Bar လိုေနရာမွာ ဒါေလးေတြကိုထည့္ေပးပါ။
<a aiotitle="click to expand" href="javascript:togglecomments('UniqueName')">Title</a><br />ဒိေနရာမွာ UniqueName ဆိုတာေလးကိုသတိ့ျပဳမိမယ္ထင္ပါတယ္၊ နာမ္မည္တူေပးလိုမရပါဘူး
<div class="commenthidden" id="UniqueName"></div>
ကိုယ္က်ဳိက္ႏွစ္သက္ေသာ နာမည္မ်ားေပးလို႕ရပါတယ္၊
<div>------</div>ၾကားမွာေတာ့ List Item ေလးေတြနဲ့ Link ေတြထည္လိုက္ရင္ လွလွပပ +/-Show Hide Menu Style ေလးရမွာ ေသခ်ာပါတယ္။
Comments