လၢႆးသႂ်ႇ Menu ၼႂ်း Blogger ႁႂ်ႈႁၢင်ႈလီလီ

    

မႂ်ႇသုင် ၶမ်ႈၼႆႉ ၸဝ်ႈသု တေမႃးတၢင်ႇၼႄပၼ် လၢႆးႁဵတ်း Menu ၼႂ်း Blogger တႃႇတေႁဵတ်း မီႇၼူး ႁၢင်ႈလီလီၼၼ်ႉ တေလႆႈပွင်ႇၸႂ်ၶူတ်ႉမၼ်းလႄႈ တေလႆႈတႅမ်ႈ ၶူတ်ႉ html လႄႈ css ႁူမ်ႈၵၼ်ၸင်ႇတေၸၢင်ႈပဵၼ်ယဝ်ႉ ယွၼ်ႉၼၼ်ဢၼ်ၼႆႉတႄႉၵေႃႈ ဢမ်ႇလူဝ်ႇလႆႈတႅမ်ႈသင်။ ယွၼ်ႉမီးဝႆႉဢၼ်ယဝ်ႉမၼ်းလႄႈ တေႃႇတႄႉၵူးဢဝ်ၵႂႃႇသႂ်ႇၼႂ်း Blogger သေ လၢႆႈၸိုဝ်ႈဢၼ်ႁဝ်း ၶႂ်ႈလႆႈၼၼ်ႉၵူၺ်း

(မၢႆတွင်း - ဢၼ်ၼႆႉ မၼ်းႁဵတ်းၵၢၼ်ၼႂ်း Semple theme ဢၼ်လဵဝ်ၵူၺ်း သင်ဝႃႈႁဝ်းလိူၵ်ႈၸႂ်ႉ Theme တၢင်ႇဢၼ်တႄႉ တေဢမ်ႇႁဵတ်းၵၢၼ်မၼ်းလီ ယွၼ်ႉၼၼ် သင်ၶႂ်ႈၸႂ်ႉ မီႇၼူးၼႆႉ တေလႆႈလိူၵ်ႈၸႂ်ႉ Semple theme ၵွၼ်ႇ)

ပိူင်တႅၵ်ႈမၼ်းတဵၵ်းတူၺ်းတီႈၼႆႈ

လၢႆးႁဵတ်းမၼ်း
တွၼ်ႈၼိုင်ႈ
႑။ ၶဝ်ႈၸူးၼႂ်း Blogger
႒။ ၶဝ်ႈ Layout တဵၵ်းဢွၵ်ႇ Add a gadget ဢၼ်ၼိုင်ႈ လိူၵ်ႈဢဝ် HTML/JavaScript
႓။ ၵူးဢဝ်ၶူတ်ႉတႂ်ႈၼႆႉ ပွႆႇသႂ်ႇ တဵၵ်း Save

<!-- start navmenu -->
<ul id='cssnav'>
<li class="active"><a href='#'>ၼႃႈႁူဝ်ႁႅၵ်ႈ</a></li>
<li class="sub"><a href='#'>ၵၢၼ်ႁဵၼ်း</a>
<ul>
<li><a href='#'>ႁဵၼ်းလိၵ်ႈတႆး</a></li>
<li><a href='#'>ႁဵၼ်းလိၵ်ႈဢင်းၵိတ်ႉ</a></li>
<li><a href='#'>ႁဵတ်းတၢင်ႇပိူင်</a></li>
</ul>
</li>
<li><a href='#'>ပႆႇလႆႈသႂ်ႇ</a>
<ul>
<li><a href='#'>Submenu-1</a></li>
<li><a href='#'>Submenu-2</a></li>
<li><a href='#'>Submenu-3</a></li>
<li><a href='#'>Submenu-4</a></li>
</ul>
</li>
<li><a href='#'>ပႆႇလႆႈသႂ်ႇ</a>
<ul>
<li><a href='#'>Submenu-1</a></li>
<li><a href='#'>Submenu-2</a></li>
<li><a href='#'>Submenu-3</a></li>
<li><a href='#'>Submenu-4</a></li>
<li><a href='#'>Submenu-5</a></li>
<li><a href='#'>Submenu-6</a></li>
</ul></li>
<li><a href='#'>ပႆႇလႆႈသႂ်ႇ</a>
<ul>
<li><a href='#'>Submenu-1</a></li>
<li><a href='#'>Submenu-2</a></li>
<li><a href='#'>Submenu-3</a></li>
</ul>
</li>
<li><a href='#'>ပႆႇလႆႈသႂ်ႇ</a>
</li></ul>
<!-- end navmenu -->

(မၢႆတွင်း- တီႈ # ၼၼ်ႉသႂ်ႇလိင်ႉ ပိူင်တႅၵ်ႈမၼ်းႁႂ်ႈပႃး http:// { မိူၼ်ၼႆ 'http://www.saosu.info' }
လႄႈ Home ၸၵႂႃႇၸိူဝ်းၼၼ်ႉ လၢႆႈပဵၼ်လိၵ်ႈတႆးလႆႈယူႇ)

တွၼ်ႈသွင်
႑။ ၶဝ်ႈတီႈ Theme
႒။ တဵၵ်းတုမ်ႇ Customize
႓။ လိူၵ်ႈ Advanced
႔။ လိူၵ်ႈထႅင်ႈ Add CSS
႕။ ၵူးဢဝ်ၶူတ်ႉတႂ်ႈၼႆႉ ပွႆႇသႂ်ႇမူတ်းမူတ်း

/* ----- CSS Nav Menu Styling ----- */
#cssnav {
margin: 10px 0 0 -20px;
padding: 0px 0px 0px 0px;
width: 1050px;  /* Set your width to fit your blog */
font: $(tabs.font); /* Template Designer - Change Font Type, Size, Etc */
color: $(tabs.text.color); /* Template Designer - Change Font Size */
}
#cssnav ul {
background: $(tabs.background.color) $(tabs.background.gradient) repeat-x scroll 0 -800px;
_background-image: none; /* Template Designer - Change Menu Background */
height: 20px; /* Change Height of Menu */
list-style: none;
margin: 0px;
padding: 0px;
}
#cssnav li {
float: left;
padding: 0px;
}
#cssnav li a {
background: $(tabs.background.color) $(tabs.background.gradient) repeat-x scroll 0 -800px;
_background-image: none; /* Template Designer - Change Menu Background */
display: block;
margin: 0px;
font: $(tabs.font); /* Template Designer - Change Font Type, Size, Etc */
text-decoration: none;
}
#cssnav > ul > li > a {
color: $(tabs.text.color); /* Template Designer - Change Font Color */
}
#cssnav ul ul a {
color: $(tabs.text.color); /* Template Designer - Change Color */
}
#cssnav li > a:hover, #cssnav ul li:hover {
color: #ffffff; /* Template Designer - Change Font Color on Hover */
background-color: #316403; /* Template Designer - Change Font Background on Hover */
text-decoration: none;
}
#cssnav li ul {
background: $(tabs.background.color) $(tabs.background.gradient) repeat-x scroll 0 -800px;
_background-image: none; /* Template Designer - Change Menu Background */
display: none;
height: auto;
padding: 0px;
margin: 0px;
position: absolute;
width: 200px; /* Change Width Of DropDown Menu */
z-index:9999;
}
#cssnav li:hover ul {
display: block;
}
#cssnav li li {
background: $(tabs.background.color) $(tabs.background.gradient) repeat-x scroll 0 -800px;
_background-image: none; /* Template Designer - Change Background */
display: block;
float: none;
margin: 0px;
padding: 0px;
width: 200px; /* Change Width Of DropDown Menu */
}
#cssnav li:hover li a {
background: #f386e2;
}
#cssnav li ul a {
display: block;
height: auto;
margin: 0px;
padding: 10px;
text-align: left;
}
#cssnav li ul a:hover, #cssnav li ul li:hover > a {
color: #ffffff;
background-color: #114c7b;
border: 0px;
text-decoration: none;
}
 #blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px;}
.blog-pager {background: none;}
.displaypageNum a,.showpage a,.pagecurrent{font-size: 14px;padding: 5px 12px;margin-right:5px; color: #666; background-color:#eee;}
.displaypageNum a:hover,.showpage a:hover, .pagecurrent{background:#359BED;text-decoration:none;color: #fff;}
#blog-pager .pagecurrent{font-weight:bold;color: #fff;background:#359BED;}
 .showpageOf{display:none!important}
#blog-pager .pages{border:none;}

သင်ဝႃႈ မၼ်းယၢဝ်းပူၼ်ႉၼႃႈပလွၵ်ႉႁဝ်းၵႂႃႇၼႆ ၶိုၼ်းမႄးယွမ်း width: 1050px  တီႈၼႆႈ။
(မၢႆတွင်း သီပိုၼ်ႉလင်မၼ်းၸိူဝ်းၼၼ်ႉတႄႉ ၼင်ႇၸဝ်ႈၵဝ်ႇလူင်ႉလႅၼ်ႇၼၼ်ႉ လၢႆႈလႆႈယူႇ )

သင်ဢမ်ႇမီးလွင်ႈၸႅင်ႈလႅင်းလီၼႆ ပၼ်တၢင်းႁၼ်ထိုင်မႃးတႂ်ႈၼႆႉလႆႈယူႇ

ၸဝ်ႈသုထမ်ႇမ(မိူင်းပၼ်ႇ)