Blogger မ်ားအတြက္ Menu စိတ္ႀကိဳက္ဖန္တီးျခင္းႏွင့္ မိမိရဲ႕ Post Label မ်ားျဖင့္ ခ်ိတ္ဆက္နည္း

ဒီ Post က ကၽြန္ေတာ္ကဲ့သို႔ Blogger ေပါက္စေလးမ်ားအတြက္သာ ရည္ညႊန္းပါသည္။ ဆရာ ဆရာႀကီးမ်ား ဖတ္မိပါက ကၽြန္ေတာ္ သိေသာ အသိေလးမ်ားျဖင့္ ကၽြန္ေတာ္ရဲ႕ Blog ေရးေဖာ္ ေရးဖက္မ်ားအတြက္ သိသမွ် မွတ္သမွ်ျဖင့္ ေရးသားေပးျခင္းျဖစ္ေသာေၾကာင့္ ဆရာ ဆရာႀကီးမ်ား အတြက္ ေသးႏႈတ္မည္ ျဖစ္ေသာေၾကာင့္ ႀကိဳတင္၍ ဒီ Post ဟာ မသက္ဆုိင္ပါေၾကာင္း ဒီ Post ကို ေက်ာ္သြားပါရန္ ေလးစားစြာ ေျပာၾကားအပ္ပါသည္။

Blogger မ်ားမွာ မိမိတို႔ Blog ကိုMenu မ်ားပါေသာ Template မ်ားျဖင့္ ေျပာင္းလဲလုိက္သည့္အခါ ထို Menu မ်ားကို မိမိတို႔စိတ္ၾကိဳက္အမည္ျဖင့္ ေျပာင္းလဲျခင္း။ ၿပီးမိမိတို႔ Post Lable မ်ားျဖင့္ ခ်ိတ္ဆက္ နည္းေလးကို ေျပာျပေပးပါမည္။ အေရးႀကီးတာက Post တင္တဲ့အခါတုိင္း မိမိတို႔ရဲ႕ Post အမ်ဳိးအစားကို Label သက္မွက္ထားဖို႔ လိုအပ္ပါသည္။ ဒါမွ Menu မ်ားျဖင့္ ခ်ိတ္ဆက္လွ်င္ အဆင္ေျပႏုိင္ပါမည္။

ပထမဦးဆံုး အေရးႀကီးတဲ့ Post သည့္အခါ Labels မ်ားကို ခြဲျခား ထားဖို႔လိုပါသည္။ ဆိုလိုတာကေတာ့ သင့္ရဲ႕ Blog တင္ Android Menu အတြင္း Sub Menu အျဖစ္ Application, Games, Firmwares, Knowledge အျဖစ္ ထည့္မည္ဆိုပါက ထို Sub Menu အတြက္ Application ဆိုေသာ label ျဖင့္ Android Application မ်ား Post တင္ထားရမည္။ ထုိအတူ Games, Fimwares, Knowledge အတြက္လည္း အတူတူပဲ ျဖစ္ပါသည္။ ထိုသုိ႔ Label မ်ားခြဲၿပီး Post တင္ထားမွသာလွ်င္ Menu မ်ား ခ်ိတ္ဆက္ႏုိင္မည္ျဖစ္ပါသည္။ Lablel ထည့္ရန္အတြက္ ေအာက္တြင္ျပထားေသာ Blog Post ေရးသား သည့္ အခါတုိင္ Publish ေအာက္တြင္ရွိေသာ Labels ကို ေရြးခ်ယ္ၿပီး Label မ်ား သက္မွက္ႏုိင္ပါသည္။ တစ္ခါ သက္မွတ္ၿပီးေသာ Label ႏွင့္ဆုိင္ေသာ Post ကို တင္လွ်င္ ထပ္ေရးစရာ မလိုဘဲ ထို Label ထဲမွ အရင္ သက္မွတ္ထားေသာ Label အမည္ကို ေရြးၿပီး တင္ႏုိင္ပါသည္။

ေအာက္တြင္ျပထားသည္မွာ ကၽြန္ေတာ္ Blog တြင္ သက္မွတ္ထားေသာ Labels မ်ားပဲျဖစ္ပါသည္။

ဒီေလာက္ဆိုလွ်င္ Label အေၾကာင္းနားလည္မည္ထင္ပါသည္။ ေနာက္ထပ္ Label မ်ားကို Menu သက္မွတ္ ခ်ိတ္ဆက္ပံုအေၾကာင္းေျပာျပေပးပါမည္။ မိမိသည္ မိမိ Blog Menu ကို ဘယ္လိုအမည္ေပးမည္ မည္သည့္ Label ျဖင့္ ခ်ိတ္ဆက္မည္ကို ႀကိဳတင္ စဥ္းစားထားရန္လိုအပ္ပါသည္။

မိမိရဲ႕ www.blogger.com ကို အရင္ဆံုး Sign In ၀င္လုိက္ပါ။ ဒါဆိုရင္ေအာက္ပါအတုိင္း ျမင္ရပါမည္။ ကၽြန္ေတာ္ ျပထားသည့္အတိုင္း Template ကို ၀င္လုိက္ပါ။

Template ထဲသို႔ေရာက္ၿပီဆိုပါက အေရးႀကီးတာက သင္မျပဳဳ ျပင္ခင္ သင္ရဲ႕ Template ကို အရင္ဆံုး Backup လုပ္ထားပါ။ ဒါမွ သင္ရဲ႕ ျပဳျပင္လုိက္မႈေၾကာင့္ Blog ရဲ႕ Template ျပသမႈဆိုင္ရာ အဆင္ မေျပျဖစ္ခဲ့လွ်င္ ျပန္ၿပီး Restore ျပန္လုပ္ႏုိင္ရန္အတြက္ျဖစ္ပါသည္။ အျမဲတမ္း Template ျပင္ဆင္ၿပီးတုိင္း Backup လုပ္သင့္ပါသည္။ ဒါမွ အဆင္မေျပျဖစ္လွ်င္ Restore ျပန္လုပ္ႏုိင္ရန္ျဖစ္ပါသည္။

Bloger မ်ားအေနျဖင့္ html, css ႏွင့္ java script ကို အနည္းငယ္ တီးမီး ေခါက္မိ ေလ့လာထားလွ်င္ ေတာင့္ အခု Template အတြင္း ၀င္ေရာက္ ျပင္ဆင္မႈကေတာ့ အလြယ္တကူ လုပ္ေဆာင္ႏုိင္မည္ျဖစ္ပါသည္။ လုပ္ေဆာင္မႈတုိင္းအတြက္လည္း မွားယြင္းမႈ မရွိ လုပ္ေဆာင္ႏုိင္မည္ျဖစ္ပါသည္။

ကဲ Backup/Restore ႏွိပ္လုိက္ပါက ေအာက္ပါအတုိင္း

ဒီေနရာမွာ Download Full Template ကေတာ့ Template တစ္ခုလံုးကို Backup File Download လုပ္ထားရန္ ျဖစ္ပါသည္။ Upload ကေတာ့ တစ္ခ်ိန္ခ်ိန္ ေဒါင္းထားတဲ့ Template သို႔ တျခား Template ဖုိင္ကို ေျပာင္းလဲဖို႔အတြက္ပဲ ျဖစ္ပါသည္။ Browse ကေန ထို Template ဖိုင္ကို ေရြးၿပီး Upload လုပ္ရန္ပဲ ျဖစ္ပါသည္။

ကဲ Template Backup ႏွင့္ Restore ကို သိၿပီဆိုပါက ေနာက္ထပ္ Template ကို ျပင္ဆင္ရန္အတြက္ ေအာက္တါင္ ျပထားသည့္ Edit HTML ကို ႏွိပ္လုိက္ပါ။ ေအာက္ပါပံုအတိုင္း
ျမင္ေတြ႕ရပါမည္။ ကၽြန္ေတာ္ ျပထားသည့္အတိုင္း Jamp to widget ကိုႏွိပ္ၿပီး Header1 ကိုေရြးလုိက္ပါ။

ဒါဆိုရင္ Html codes မ်ား အကုန္လံုး ေပၚလာပါလိမ့္မည္။ ဒီေနရာမွာ တစ္ခုေျပာလိုတာက Header1 ကို ေရြးလုိက္တာႏွင့္ ကၽြန္ေတာ္ ၀ုိင္းျပထားေသာ Menu Link မ်ားတန္းေပၚလာပါလိမ့္မည္။ ဒီလို မေတြ႕ရင္ေတာ့ တျခားနည္းနဲ႔ ရွာရမွာေပါ့။

Menu ႏွင့္ သက္ဆိုင္သည့္ Html Codes မ်ားကို ေအာက္တြင္ ျပထားပါသည္။ Menu ကို အမ်ားေသာ developer မ်ားကေတာ့ main-navigation ျဖင့္ ေရးၾကပါသည္။ သင့္ရဲ႕ Page တြင္ေပၚေနေသာ Menu မ်ား၏ အမည္ျဖင့္ ျဖစ္ေနပါသည္။

အကယ္၍ Header1 ကိုေရြးရံုျဖင့္ Menu Codes မ်ားမေပၚပါက။ HTML Codes မ်ားထဲတြင္ Click တစ္ခ်က္ႏွိပ္ၿပီး Text Cousor ေရာက္ပါက Ctrl Key ကိုဖိၿပီး F Key ႏွိပ္လုိက္ပါက Search Box ေပၚလာပါမည္။ Search Box တြင္ သင့္ရဲ႕ Menu အမည္ကို အတိအက် ရိုက္ထည့္ၿပီး Enter ႏွိပ္ၿပီး ရွာႏုိင္ပါသည္။ ဒါကေတာ့ ကၽြန္ေတာ္ Blog Template မွာ ပါ၀င္ေနေသာ Menu မ်ားပဲ ျဖစ္ပါသည္။

ကၽြန္ေတာ္ရဲ႕ Menu တြင္ရွိေသာ Menu1 ကို ရိုက္ၿပီး Enter ႏွိပ္လုိက္ပါသည္။ ဒါဆိုရင္လည္း Menu အတြက္ Html Codes မ်ား ေပၚလာပါလိမ့္မည္။

ကဲ ကၽြန္ေတာ္ေအာက္တြင္ျပထားသည့္ အစိမ္းေရာင္အ၀ုိင္းအတြင္းရွိ Menu1, Menu2, အစရွိသည္တို႔ကို သင္ထားမည့္ ေခါင္းစဥ္ကို ေရးလုိက္ပါ။ ဆိုလိုတာက Menu1 ကို ဖ်က္ၿပီး Android ေပါ့။ Android ေအာက္မွာ Application, Games, Root, Firmwares အစရွိသည္ျဖင့္ ေခါင္းစဥ္ခြဲထားမည္ကို Sub1, Sub2, Sub3, Sub4 ေနရာတြင္ ဖ်က္ၿပီး ေရးပါ။ ကဲလိုအပ္ေနတဲ့ ေခါင္းစဥ္ကအစားထိုးနည္းရၿပီ ထင္ပါသည္။ ေနာက္ထပ္အေရးႀကီးတာ သင့္က sub4 ထိပဲပါလို႔ ေနာက္ထပ္ ထည့္မည္ဆိုပါက ဒီပံုေအာက္ကို ၾကည့္ပါ။ ကၽြန္ေတာ္တစ္ဆက္တည္း ေျပာျပေပးပါမည္။

ေနာက္ထပ္ ထပ္ထည့္မည္ဆိုပါက စတင္ၿပီး sub4 စာေၾကာင္းကို <li><a href='#' itemprop='url'>Sub4</a></li> အားလံဳးကို ကူးၿပီး ေအာက္တစ္ေၾကာင္းမွာထည့္လုိက္ပါ။ Sub4 ရဲ႕ ေနာက္ဆံုး </li> ေနာက္ကေန

ေအာက္တစ္ေၾကာင္းမွာထည့္လုိက္ပါ။ ကၽြန္ေတာ္ ေအာက္ကပံုတြင္ ကၽြန္ေတာ္ကေတာ့ Sub4 ႏွစ္ေၾကာင္းထပ္ထည့္လုိက္ပါသည္။ ကၽြန္ေတာ္ ေျပာတဲ့အတိုင္း ေသခ်ာကူးပါ။ error မတတ္ေအာင္လို႔ပါ။ Html codes error တတ္သြားလွ်င္ အဆင္မေျပျဖစ္ႏုိင္ပါသည္။

ကဲ့ အမည္ေတြေပးၿပီးၿပီဆိုရင္ေတာ့ ကၽြန္ေတာ္တို႔ တင္ထားတဲ့ Post ရဲ႕ Label မ်ားႏွင့္ အမည္ေပးထားတာကို ခ်ိတ္ဆက္ဖို႔ နည္းပဲက်န္ပါေတာ့္တယ္။ ဒါေတြကို ကၽြန္ေတာ္က ေအာက္ပါအတိုင္း Menu ကို အမည္ေပးထားလုိက္ပါမည္။

ဒါဆိုရင္ေတာ့ ေအာက္ပါအတိုင္း Page မွာေပၚလာပါလိမ့္မည္။ ကဲဒါဆိုရင္ Menu ေတြကို စိတ္ႀကိဳက္ အမည္ေပးျခင္း။ ၿပီး Sub Menu ေတြကို စိတ္ႀကိဳက္ထည့္သြင္းျခင္းကို နားလည္မည္ထင္ပါသည္။

ေျပာမွေတာ့ မထူးေတာ့ဘူးဗ်ာ ေနာက္ထပ္ Menu ေတြထပ္ထည့္ျခင္းကို ေျပာျပေပးအံုးမယ္ဗ်ာ။ ဒီမွာ Menu က 8 ခု ပါတယ္။ ကၽြန္ေတာ္က ေနာက္ဆံုး Menu8 ရဲ႕ေနာက္မွာ ဆက္သြယ္ရန္ ဆိုတဲ့ Menu ေလးကို ထည့္မယ္ဗ်ာ။ အဲဒါဆိုအေစာက Html codes ကို ထပ္ထည့္ရမွာေပါ့ ဒါဆို Menu8 ရွိရာ Html codes ထိသြားလိုက္ပါ။ ကဲေအာက္မွာ Menu8 ကို သူရဲ႕ Sub Menu မ်ားျဖင့္ ေတြ႕ရမွာပါ။

ဒီေနရာမွာ ေနာက္ဆံုးက ထည့္ေပါင္းမဲ့ Menu ကို Sub Menu ေကာ ထည့္မွာလား မထည့္ရင္ Menu ကိုၾကည့္ထားမွာလား ႏွစ္မ်ုိးစလံုးကို ေျပာျပေပးပါမည္။ Menu ေလးတင္ဆိုရင္ေတာ့
<li><a href='#' itemprop='url'>Menu8</a> ထိကူးၿပီး ေနာက္က </li> ထည့္ေပးပါ။
 တကယ္လို႔ Sub Menu ေတြေကာဆိုရင္ေတာ့ ေအာက္ကအတိုင္း Menu8 ကို အကုန္ကူးရပါမည္။
 <li><a href='#' itemprop='url'>Menu8</a>
 <ul class='sub-menu'>
 <li><a href='#' itemprop='url'>Sub1</a></li>
 <li><a href='#' itemprop='url'>Sub2</a></li>
 <li><a href='#' itemprop='url'>Sub3</a></li>
 <li><a href='#' itemprop='url'>Sub4</a></li>
 <li><a href='#' itemprop='url'>Sub5</a></li>
 </ul>
 </li>

ကဲ ႏွစ္ခုထဲက လိုခ်င္တာကို ကူးၿပီးရင္ေတာ့ Menu8 ရဲ႕ Sub5 အေၾကာင္းေအာက္က အဆံုး
</ul>
</li> ေနာက္ကေန ထည့္ေပးရပါမည္။ ကၽြန္ေတာ္ကေတာ့ Menu ေလးတင္ ကူးၿပီး Contact လုိ႔ ထည့္ေပးလုိက္ပါသည္။ ေအာက္တြင္ၾကည့္ပါ။

ဒါဆိုရင္ Page ေပၚမွာ ေပၚလာမည့္ ဆက္သြယ္ရန္ Menu ေလးကို ၾကည့္ပါ။

ဒါဆိုရင္ေတာ့ Menu ႏွင့္ Sub Menu ေတြကို စိတ္ႀကိဳက္ထည့္သြင္းႏုိင္ၿပီးဆိုေတာ့ Blog post ရဲ႕ Label ေတြႏွင့္ ခ်ိတ္ဆက္ပံုကို ထပ္မံေျပာျပပါမည္။ သင့္ရဲ႕ Page ထဲမွာ Post Label ထည့္ထားရင္လည္း ထိုထဲမွ တစ္ခုခ်င္းစီကေန ယူလို႔ရပါသည္။ ဒါမွမဟုတ္ ကၽြန္ေတာ္ျပထားသည့္ သင္တင္လုိက္ေသာ Post ထဲတြင္ Post Label ကို ျပေပးပါသည္။ ထို Label ကို Mouse Right-Click ႏွိပ္ၿပီး ေပၚလာသည့္ Command Box ထဲမွ Copy Link Location ကိုႏွိပ္လိုက္ပါ။

ေအာက္တြင္ျပထားပါသည္။ ကဲ ဒါဆိုရင္ ကူးၿပီးၿပီဆိုရင္ေတာ့ ထို Label ကို Android Menu ရဲ႕ေအာက္ရွိ Application ႏွင့္ ခ်ိတ္ဆက္ပံုကို Html codes မ်ားသို႔သြားပါမည္။

ကဲ ကၽြန္ေတာ္ျပထားေသာ ကၽြန္ေတာ္ေရးထားသည့္ Applications ၏ သက္ဆိုင္ရာ ယခု ကူးထားေသာ Copy Link Location ကို ျပထားသည့္ '#' တြင္ # ကို Select လုပ္ၿပီး Ctrl+V ျဖင့္ Past လုပ္ေပးရပါမည္။ ' ' ေလးေတြကိုေတာ့ မပ်က္သြားပါေစနဲ႔ လံုး၀အလုပ္မလုပ္ပါ။

ဒါဆိုရင္ေတာ့ ေအာက္တြင္ျပထားသည့္အတိုင္း ရလာပါလိမ့္မည္။ ဒီလိုပဲ အျခား Post Label မ်ားကိုလည္း ယခုကဲ့သို႔ ခ်ိတ္ဆက္ရပါမည္။

ကဲ ဒါဆိုရင္ေတာ့ ရမည္ထင္ပါသည္။ ကၽြန္ေတာ္ကလည္း နည္းနည္း ၿပီးၿပီးေရာ မေရးတတ္တဲ့အတြက္ ရက္နည္းနည္း ၾကာသြားပါသည္ sorry ပါ ကိုခ်မ္းေလး(CM-SQUARE)ေရ။ အလုပ္ပိတ္ရက္လည္း မနားလိုက္ရတဲ့အတြက္ ေရးမျဖစ္သြားတာပါ။

အဆင္မေျပတစ္စံုတစ္ရာ ရွိခဲ့ေသာ ကၽြန္ေတာ္ ကိုျမတ္ (MICT Garden) ကို mckomyat@gmail.com မွ ျဖစ္ေစ။ www.mictgarden.com ရဲ႕ Live Chat မွျဖစ္ေစ ဆက္သြယ္ ေမးျမန္းႏုိင္ပါသည္။

အဆင္မေျပမႈတစ္စံုတစ္ရာ၊ ေ၀ဖန္ အႀကံျပဳမႈ တစ္စံုတစ္ရာ ရွိပါက Comment ျဖင့္ မွာခဲ့ႏုိင္ပါသည္။

အားလံုးကို ေက်းဇူးတင္ပါသည္။

ကိုျမတ္ (MICT Garden)
www.mictgarden.com

Facebook Page

Facebook Account