အလြယ္ကူဆံုး blog menu ထည့္နည္း

   ကၽြန္ေတာ္လုိအခု မွ ဘေလာ့ကုိ စေရးရာတြင္ menu ထည့္ရာ   အခက္အခဲ    ရွိသူအတြက္    ဒီပုိ႕စ္ကုိ
mrwinkyawaung4 မွ အလြယ္ကူ ဆံုးျဖစ္ေအာင္ တင္ျပေပးလုိက္ပါသည္။ ကၽြန္ေတာ္ အခု menu ကုိ
တပ္မတက္လုိ google မွာလုိက္ရွာရင္kp3နည္းပညာ က menu ေတြကုိေတာ္ေတာ္မ်ားမ်ားကုိလုိက္ထည့္
ၿပီးကလိတယ္ css ကုတ္ေတြက ႏွစ္မ်ဳိး ႏွစ္မ်ဳိး ထည့္ရတယ္။သိပ္ၿပီးလုပ္ရ ခက္ဒါနဲ႕( ၇ ) ရက္ေလာက္ၾကာ
မွ အဆင္းေျပဆံုးတစ္ခု ကုိေတြ တယ္ အဲဒါေတာင္း မွ mrwinkyawaung4 ရဲ႕ ဘေလာင့္ မိတ္ေဆြႀကီးက
အကူ အညီေတာင္း ၿပီးေတာ့ သူသံုးေနတဲ့ဆုိက္ရဲ႕  menu ရဲ႕ css ကုတ္ကုိ ေတာင္းၿပီး kp3နည္းပညာ မွာ
တင္ထားတဲ့ css ကုတ္ကုိ တုိက္ၿပီးျပင္ လုိက္တယ္ အားလံုးအဆင္း ေျပသြားတယ္။ ဒါေၾကာင့္ ကၽြန္ေတာ္
သူငယ္ခ်င္း မ်ားကလည္း ဒီလုိ လြယ္လြယ္ နဲ႕အဆင္းေျပသြား ေအာင္လုိ mrwinkyawaung4 မွတင္ျပေပး
လုိက္သည္။

  အရင္ ဆံုး ဒီက ဟာကုိ ၾကည့္လုိက္ ကၽြန္ေတာ္လည္း
ေကာ္ပီးလုပ္ၿပီးျပ လုိက္မယ္ kp3နည္းပညာကမူရင္း..

1. <style> #tabsE { float:left; width:100%; background:#000; font: bold 7.5pt Verdana; line-height:normal; } #tabsE ul { margin:0; padding:10px 10px 0 50px; list-style:none; } #tabsE li { display:inline; margin:0; padding:0; } #tabsE a { float:left; background:url(http:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIB28FP46ZYS8DqHr7MsV5ZeXjhl82pUjOU5hQsQSC6V0WXGooxipDqOsTDNd0niP2u88JFzecFLdfRDh_8bB0DhVoEeu-TvKPN9Ufaxr6YiQYxguD1MJVtYBXhyphenhyphen1T2qSwOGUA-Pr5nz8/s1600/tableftE.png) no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; } #tabsE a span { float:left; display:block; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCtROrx0BkBIagbPuE-Eo9XeUyE5GdMEBwkVWfinQUABxskuxGGM_zBQWWRHGH9UDK8N7O2s4yzNSiZgnqin3NLt1XzHzua_vcJq8VXcR7N94zw4BtIV_0Jmfmgd1cDeTKsuOXY1r1Gvw/s1600/tabrightE.png) no-repeat right top; padding:5px 15px 4px 6px; color:#FFF; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #tabsE a span {float:none;} /* End IE5-Mac hack */ #tabsE a:hover span { color:#FFF; } #tabsE a:hover { background-position:0% -42px; } #tabsE a:hover span { background-position:100% -42px; } </style> <div id="tabsE"> <ul>  
2.  <li><a href="http://kp3family.blogspot.com#"><span>kp3family</span></a></li>  
3.  <li><a href="http://kp3family.blogspot.com#"><span>kp3family</span></a></li>   
4. <li><a href="http://kp3family.blogspot.com#"><span>kp3family</span></a></li>  
5.  <li><a href="http://kp3family.blogspot.com#"><span>kp3family</span></a></li>   
6. <li><a href="http://kp3family.blogspot.com#"><span>kp3family</span></a></li>  
7.  <li><a href="http://kp3family.blogspot.com#"><span>kp3family</span></a></li>  
8.  <li><a href="http://kp3family.blogspot.com#"><span>kp3family</span></a></li>  
9.  <li><a href="http://kp3family.blogspot.com#"><span>kp3family</span></a></li>   
10. <li><a href="http://kp3family.blogspot.com#"><span>kp3family</span></a></li>  
11.  <li><a href="http://kp3family.blogspot.com#"><span>kp3family</span></a></li>   
12. <li><a href="http://kp3family.blogspot.com#"><span>kp3family</span></a></li>  
13.  <li><a href="http://kp3family.blogspot.com#"><span>kp3family</span></a></li>  
14.  <li><a href="http://kp3family.blogspot.com#"><span>kp3family</span></a></li> </ul> </div>

ေနာက္တစ္ခုက ကၽြန္ေတာ္ ျပန္ျပင္ထား ၿပီးအဆင္း ေျပသြားတဲ့ css ကုတ္....

 <style> #tabsE { float:left; width:100%; background:#000; font: bold 7.5pt Verdana; line-height:normal; } #tabsE ul { margin:0; padding:10px 10px 0 50px; list-style:none; } #tabsE li { display:inline; margin:0; padding:0; } #tabsE a { float:left; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIB28FP46ZYS8DqHr7MsV5ZeXjhl82pUjOU5hQsQSC6V0WXGooxipDqOsTDNd0niP2u88JFzecFLdfRDh_8bB0DhVoEeu-TvKPN9Ufaxr6YiQYxguD1MJVtYBXhyphenhyphen1T2qSwOGUA-Pr5nz8/s1600/tableftE.png) no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; } #tabsE a span { float:left; display:block; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCtROrx0BkBIagbPuE-Eo9XeUyE5GdMEBwkVWfinQUABxskuxGGM_zBQWWRHGH9UDK8N7O2s4yzNSiZgnqin3NLt1XzHzua_vcJq8VXcR7N94zw4BtIV_0Jmfmgd1cDeTKsuOXY1r1Gvw/s1600/tabrightE.png) no-repeat right top; padding:5px 15px 4px 6px; color:#FFF; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #tabsE a span {float:none;} /* End IE5-Mac hack */ #tabsE a:hover span { color:#FFF; } #tabsE a:hover { background-position:0% -42px; } #tabsE a:hover span { background-position:100% -42px; } </style> <div id="tabsE"> <ul>
 <li><a href="http://mrwinkyawaung4.blogspot.com"><span>မူလစာမ်က္ႏွာ</span></a></li>
  
<li><a href="http://mrwinkyawaung4.blogspot.com/search/label/phayathonezu"><span>ဘုရားသံုးဆူ</span></a></li>
 <li><a href="http://mrwinkyawaung4.blogspot.com/search/label/it"><span>နည္းပညာ</span></a></li> 
<li><a href="http://mrwinkyawaung4.blogspot.com/search/label/blog"><span>ဘေလာ့</span></a></li>    
 <li><a href="http://mrwinkyawaung4.blogspot.com/search/label/solfware"><span>ေဆာ့၀ဲလ္</span></a></li>
 <li><a href="http://mrwinkyawaung4.blogspot.com/search/label/mobile"><span>မိုလ္ဘုိင္း</span></a></li> 
<li><a href="http://mrwinkyawaung4.blogspot.com/search/label/game"><span>ဂိမ္း</span></a></li>
 <li><a href="http://mrwinkyawaung4.blogspot.com/search/label/library"><span>စာေပ</span></a></li>   
 <li><a href="http://mrwinkyawaung4.blogspot.com/search/label/video"><span>ဗီဒီယုိ၊သီခ်င္း</span></a></li>
 
 </ul> </div>


      သူငယ္ခ်င္းတုိ႕     သတိထားၿပီး တုိက္ၾကည္မွာက  ကၽြန္ေတာ္အနီနဲ႕ ျပထားတယ္


အဲဒီမွာကၽြန္ေတာ္ ျပင္ထားတား ကုိတုိက္ၿပီး ေတာ့သူငယ္ခ်င္းလည္း လုိက္ျပင္လုိက္မယ္ ဆုိရင္ အားလံုး
အဆင္းေျပသြားမယ္။ ဘာျဖစ္လုိ ဒါနဲ ျပရတယ္ဆုိေတာ့ သူက အလုပ္သိပ္မ ရွဳပ္ဘူး တခ်ဳိ႕ဟာေတြ က
css ကုတ္ကုိ ႏွစ္မ်ဳိးေတာင္း ထည့္ရတယ္ ဒါကေတာ့ တစ္မ်ဳိးဘဲ sign in လုပ္ design ၀င္ layout ၀င္
ကုိယ္ထားမယ့္ အေပၚဘား က add a gatget ႏုိပ္ ၿပီးရင္ ကၽြန္ေတာ္ ေပးထားတဲ့ css ကုတ္ကုိ   ေကာ္ပီထည့္ save လုိက္တာနဲ႕ အဆင္းေျပသြား ၿပီး ။ေနာက္ထပ္ လုပ္ရမွာ ကုိယ္တင္ ထားတဲ့ ပုိစ္ ကုိ
ခ်ိတ္ဖုိ ဆုိရင္ ဥပမာ video တစ္ခု ကုိ လုပ္မယ္ဆုိရင္ ကုိယ့္ ဘေလာ့ ထဲမ၀င္ရေသးရင္ sign in
၀င္ design ၀င္ posts ကုိႏွိပ္ လုပ္မယ္ ဗီဒီယုိ ပုိစ္ ေတြကုိ အမွတ္ျခစ္ ၿပီးရင္ edit  ႏုိပ္ ညာဘက္မွာ
post settings  ရွာၿပီးႏုိပ္ ေအဒီ labels အကြက္မွာ video လုိေရးၿပီးရင္ done လုပ္အေပၚနားက update
ကုိႏွိပ္ အဆင္းေျပသြားမယ္ label  ေပးတဲ့ ေနရာ မွာ video လုိေရးထားရင္      ကုတ္မွာ                      http://................../seach/label/video    ကုိ video လုိတူမွရမယ္ေနာ္


မွတ္ခ်က္။      ။  ကၽြန္ေတာ္ ေပးထားတဲ႕ css ကုတ္မွာ           mrwinkyawaung4.blogspot.com
                     အဲဒီမွာ မိမိရဲ႕ ဘေလာ့ရဲ႕ လိပ္စာကုိအစားထုိး     လဲလုိက္ရင္ရၿပီး။       အကြက္ေတြ                      မ်ားတယ္ထင္ရင္ ကုိယ္ဟာကုိျဖဳတ္လုိက္။ သူငယ္ခ်င္း ကဒီဇုိင္း ကုိမႀကိဳက္ရင္ ေတာ့                           http://kp3family.blogspot.com/အဲဒီမွာ ၀င္ၾကည့္ျပီးေတာ့       ကုိယ္ႀကိဳက္တာ
                     ကုိယ့္ဟာကုိ လုပ္ေတာ့ ကၽြန္ေတာ္ ကေတာ့ ဒါဘဲလုပ္တက္လုိ ဒါကုိဘဲ ေဆြးေႏြလုိက္
                    တယ္ ။  




အားလံုးအဆင္းေျပၾကပါေစ ပုိစ္တင္သူ mrwinkyawaung4  ......................................