Blog မွာ Tab Menu / Navbar Menu ထည့္ရေအာင္။

ကိုယ္သံုးတဲ့ Templates ကိုလိုက္ၿပီးေတာ့တစ္ခ်ိဳ႕ Templates ေတြမွာ Tab Menu မပါပါဘူး။ အဲဒီေတာ့ Tab Menu ကိုထည့္ မယ္ဆိုရင္ ေအာက္ကအတိုင္းေလးစမ္းၾကည့္ပါ။

  
၁. Blogger Account ကုိ Sign in လုပ္ပါ။

၂. Dashboard ကိုေရာက္ရင္ Design ကုိ Click ႏွိပ္ပါ။

၃. Edit Html ကုိ Click ႏွိပ္ပါ။

၄. Expand Widget Templates ဆုိတဲ႔စာေဘးက ေလးေထာင့္အကြက္ေလးမွာအမွတ္ျခစ္ေလးလုပ္ေပးလုိက္ပါ။ 
၅. Edit Html ကုတ္ေတြကိုျမင္ရရင္ ကီးဘုတ္မွာ Ctrl+F ကို တြဲႏွိပ္ျပီး Find Box ကို ေခၚလုိက္ပါ။
    ၿပီးရင္ေအာက္က Code ကိုရွာေပးပါ။

]]></b:skin>

ေတြ႔ၿပီဆိုရင္ ေအာက္က Code ကိုရွာထားတဲ့ Code ရဲ႕အေပၚမွာထည့္ေပးလိုက္ပါ။

ul#list-nav {
list-style:none;
margin:20px;
padding:0;
width:525px
}

ul#list-nav li {
display:inline
}

ul#list-nav li a {
text-decoration:none;
padding:5px 0;
width:100px;
background:#FF0099;
color:#eee;
float:left;
text-align:center;
border-left:1px solid #fff;
-moz-border-radius: 5px;
}

ul#list-nav li a:hover {
background:#FF6699;
color:#000
-moz-border-radius: 5px;
}

ၿပီးရင္ Save ေပးလိုက္ပါ။

၆. Design ထဲ၀င္ပါ။

     Header ေအာက္ က Add a Gadget ကိုႏွိပ္ပါ။

     HTML / Javascript ကိုေရြးေပးပါ။

     ၿပီးရင္ေအာက္က Code ကိုထည့္ၿပီး Save ေပးလိုက္ပါ။

<div>
<ul id='list-nav'>
<li><a href='http://khuntheinzawhtun.blogspot.com'>မူလစာမ်က္ႏွာ</a></li>
<li><a href='http://khuntheinzawhtun.blogspot.com/search/label/ေဆာ့ဖ္၀ဲမ်ား'>ေဆာ့ဖ္၀ဲမ်ား</a></li>
<li><a href='http://khuntheinzawhtun.blogspot.com/search/label/Mp3 သီခ်င္းမ်ား'>Mp3 သီခ်င္းမ်ား</a></li>
<li><a href='http://khuntheinzawhtun.blogspot.com/search/label/Ebook မ်ား'>Ebook မ်ား</a></li>
<li><a href='http://khuntheinzawhtun.blogspot.com/search/label/ကဗ်ာမ်ား'>ကဗ်ာမ်ား</a></li>
</ul>
</div>

အနီေရာင္ေနရာမွာ မိမိ Lebels လင့္နဲ႔ ေခါင္းစဥ္အမည္အစားထိုးရန္။
အေသးစိတ္ကိုေတာ့ Edit HTML မွာအေစာကထည့္ထားတဲ့ Code နဲ႔ျပင္နိုင္ပါတယ္။

Posted in: Blog Tutorials