kp3နည္းပညာ၊၁၅ဝ၊မိမိရဲ႕ဘေလာ့က NavBar ကို Show/Hide ပံုစံနဲ႕လုပ္ခ်င္ရင္

ဒါေလးကေတာ့သူမ်ားေတြလုပ္တာႏွင့္မတူေအာင္လုပ္ခ်င္တဲ့ဘေလာ့မိတ္ေဆြေတြအတြက္ပါ၊
NavBar ကို ဖြင့္/ပိတ္ လုပ္တဲ့နည္းေလးပါ၊တစ္ခ်က္ေလးႏိုပ္ရက္ NavBar ကေပၚတယ္ေနာက္တစ္ခ်က္
ျပန္ႏိုပ္လိုက္ရင္ေပ်ာက္သြားတယ္၊အားလံုးသြားၾကည့္လို႕ရေအာင္ DEMO လင့္ခ္ေပးထားပါတယ္၊
Code ကေတာ့အရမ္းကိုရွင္းပါတယ္၊WIDGET မွာထည့္လိုက္ရင္ျပီးပါျပီ။

<script type="text/javascript">
var showHeader=false;
function ShowHideNav()
{
showHeader=!showHeader;
var nav=document.getElementById("navbar-iframe");
if (showHeader)
{
nav.style.visibility="visible";
nav.style.display="block";
}
else
{
nav.style.visibility="hidden";
nav.style.display="none";
}
}
</script>
<style type="text/css">
#navbar-iframe {
visibility: hidden;
display: none;
}
</style>


<span style="cursor:pointer; font-weight:normal; " onclick="ShowHideNav();">
NavBar ဖြင့္/ပိတ္ 
<a style="visibility:hidden;" href="#"></a>
</span>

DEMO

မသိေသးတဲ႔မိတ္ေဆြေတြကိုအသိေပးမ်ွေဝေစျခင္ပါတယ္၊
ဘေလာ့ဂါမိတ္ေဆြအားလံုးကိုအစဥ္ျမဲခ်စ္ခင္ေလးစားလၽွက္ kp3မိသားစု 

Related Post

BLOGGER TIPS

• Kp3နည္းပညာ၊၄၉ဝ၊ဘေလာ့ Tamplate ေျပာင္းနည္း
• Kp3နည္းပညာ၊၄၈၈၊ဘေလာ့မွာPopularPostsကိုSlideပံုစံေျပာင္းနည္း
• Kp3နည္းပညာ၊၄၈၄၊ဘေလာ့ေျခရင္းကPowered by Bloggerဆိုတာေလးအစားထိုးနည္း
• Kp3နည္းပညာ၊၄၈၁၊ဘေလာ့ဆိုက္ဘားနဲ႕ပိုစ္Bodyကိုဘယ္ညာေျပာင္းနည္း
• Kp3နည္းပညာ၊၄၇၈၊ဘေလာ့CommentsFormကိုအလယ္မွာထားနည္း
• Kp3နည္းပညာ၊၄၇၇၊ဘေလာ့ပိုစ္မွာDemoလင့္ခ္ေတြကိုလင့္ခ္ထည့္နည္း
• Kp3နည္းပညာ၊၄၇၄၊ဘေလာ့ပိုစ္ေတြကိုသူမ်ားဖတ္မရေအာင္ေသာ့ခတ္နည္း
• Kp3နည္းပညာ၊၄၆၈၊ဘေလာ့လင့္ခ္ေတြေထာက္ရင္ၾကယ္ပံုေလးေတြေပၚေအာင္လုပ္နည္း
• Kp3နည္းပညာ၊၄၆၆၊HTML Code မလိုဘဲဘေလာ့မွာ Favicon ထည့္နည္း
• Kp3နည္းပညာ၊၄၆၅။ဘေလာ့ဂါသမားေတြအတြက္အသံုးဝင္တဲ့အခမဲ့ Tools မ်ား
• Kp3နည္းပညာ၊၄၆၄။ဘေလာ့ထဲမွာYoutube သီခ်င္းေတြကို AutoPlay လုပ္နည္း
• Kp3နည္းပညာ၊၄၆၃။ဘေလာ့ထဲမွာYoutube သီခ်င္းေတြကိုလြယ္ကူစြာထည့္နည္း
• Kp3နည္းပညာ၊၄၅၈။ဘေလာ့ Comment Box ကေန၇ာလြတ္ၾကီးကိုျဖဳတ္နည္း
• Kp3နည္းပညာ၊၄၅၆။ပိုစ္ေခါင္းစဥ္ေအာက္မွာAuthor,အခ်ိန္,LabelsIconထားနည္း
• Kp3နည္းပညာ၊၄၄၈။ဘေလာ့မွာ Labels ေတြကို Animated Effect လုပ္နည္း
• Kp3နည္းပညာ၊၄၄၇။ဘေလာ့မွာSimple Print Friendly နဲ႕ PDF Buttons ေလးထားခ်င္ရင္
• Kp3နည္းပညာ၊၄၄၄၊။ဘေလာ့ဂါ Officer ရဲ႕ဝန္ေဆာင္မူနည္းပညာသစ္Dynamic Views ၅ခု
• Kp3နည္းပညာ၊၄၄၁၊Kp3နည္းပညာသစ္မိမိရဲ႕ဘေလာ့ပိုစ္ေတြကိုCopyမရေအာင္ကာကြယ္နည္း
• Kp3နည္းပညာ၊၄၄ဝ၊Kp-3နည္းပညာသစ္မိမိရဲ႕ဘေလာ့ Tamplate ကိုေဘာင္ခတ္နည္း
• Kp3နည္းပညာ၊၄၃၈၊ဘေလာ့အတြက္Email Feedburner Subscription Widget အသစ္
• Kp3နည္းပညာ၊၄၃၇၊ဘေလာ့ Comment Form အေပၚမွာမွတ္ခ်က္ေလးထည့္ခ်င္ရင္
• Kp3နည္းပညာ၊၄၂၉၊ဘေလာ့ေဖာင့္ေတြကို Zawgyi-One နဲ႕ Unicode အျဖင့္လြယ္ကူစြာေျပာင္းခ်င္ရင္
• Kp3နည္းပညာ၊၄၁၇၊ဘေလာ့မွာလံုးဝမေမ်ာ္လင့္တဲ့ Site Feed ျပႆနာ
• Kp3နည္းပညာ၊၄၁၅၊ဘေလာ့မွာ Labels လို႕ေခၚတဲ့ပိုစ္အမ်ိဳးအစားထည့္နည္း
• Kp3နည္းပညာ၊၄၁၄၊ဘေလာ့ Home Page မွာ Widget ေတြကိုမေပၚေစခ်င္ရင္

Posted in: BLOGGER TIPS