Myanmar-Neo Template
written by Mhaw Sayar
at Sunday, December 2, 2007
Contributor: ေမွာ္ဆရာ
Neo ဆိုတာဘာလဲ
အလြယ္ကူဆံုး ေျပာရရင္ေတာ့ ဘေလာ့ဂၢါရဲ့ မူရင္း Template ကို Java Script(AJAX Technology) နဲ႔ အဆင့္ျမွင့္ထားတဲ့ ၊ အသံုးျပဳရ အလြန္လြယ္ကူလွၿပီး ၊ Web Page တစ္ခုႏွင့္ တစ္ခုအကူးတြင္ Page Loading လံုး၀ေစာင့္ဆိုင္းစရာ မလုိတဲ့ အရမ္းသြက္လက္ ေပါ့ပါးတဲ့ Template တစ္ခုပါပဲ။ သူ႔အေၾကာင္း အျပည့္ အစံုသိခ်င္ရင္ေတာ့ ဒီမွာ ဖတ္ရႈႏိုင္ပါတယ္။
Neo အသံုးျပဳရင္မိမိဘေလာ့ဂ္မွာ ဘာေတြထူးျခားလာမလဲ
ဒီေနရာ မွာ သင့္ဘေလာ့ဂ္ လိပ္စာ ရိုက္ထည့္ၿပီး နီယို အသံုးျပဳျခင္းအားျဖင့္ ဘာေတြထူးျခားသြားသလဲ ဆိုတာ ေလ့လာႏိုင္ပါတယ္။
ဘယ္လိုအသံုးျပဳမလဲ
အသံုးျပဳရတာ အရမ္းကို လြယ္ကူရွင္းလင္းပါတယ္။ ေအာက္ပါအဆင့္မ်ားအတိုင္း အတိအက် လုပ္ေဆာင္ပါ။
အဆင့္(၁) ။ ။ လက္ရွိ မိမိသံုးေနတဲ့ Template ကို "Backup" လုပ္ထားပါ။(Blog Setting ထဲက၊ Template ဆိုတဲ့ Tab ကိုသြားပါ ၊ Edit Html ကို ေရြးပါ၊ ၎ စာမ်က္ႏွာမွာ (Before editing your template, you may want to save a copy of it.) ဆိုတဲ့ စာေၾကာင္း ေနာက္က "Download Full Template" ကို " ကလစ္" လုပ္ျခင္းအားျဖင့္ လက္ရွိ Template ကို Backup လုပ္ၿပီးသားျဖစ္သြားပါၿပီ။ ရည္ရြယ္ခ်က္ကေတာ့ အကယ္၍ Neo ကို Install လုပ္ေနရင္းနဲ႔ အမွားတစ္ခုခုပါသြားခဲ့ရင္ ယခင္ Template ကိုအလြယ္တစ္ကူ ျပန္သံုးလို႔ ရေစရန္ ျဖစ္ပါတယ္။
အဆင့္(၂)။ ။၎ Edit Html စာမ်က္ႏွာရဲ့ Coding Box ထဲမွာ
မွတ္ခ်က္။
အဆင့္(၃)။အထက္ပါအဆင့္မ်ားအားလံုးၿပီးဆံုးပါက ဒီေနရာ မွာ Right Click ေထာက္ၿပီး ၊ Save Target As..ေရြးျခင္းျဖင့္ Neo.js ကို ေဒါင္းလုဒ္ လုပ္ပါ။ ရလ်င္ ၎ဖိုင္ကို Note pad သို႔ Word Pad ျဖင့္ဖြင့္ၿပီး
Widget မ်ားကိုထည့္ရမယ့္ ပံုစံကေတာ့ ေအာက္ပါပံုစံအတိုင္းျဖစ္ပါတယ္။
အဆင့္(၄)။ ။Edit Html စာမ်က္ႏွာမွာပဲ Browse မွတစ္ဆင့္ အဆင့္(၃) တြင္ သိမ္းထားခဲ့ေသာ ဖိုင္ ရွိတဲ့ေနရာကို ညြန္ျပပါ။ Upload လုပ္ပါ။ ”Template Save Successfully ” ဆိုရင္အားလံုးေအာင္ျမင္စြာၿပီးဆံုး ပါၿပီ။ဒီလိုမဟုတ္ပဲ ေအာက္က ပုံအတိုင္း Error တက္လာခဲ့ရင္ေတာ့ ျပန္စစ္ဖို႔လိုပါမယ္။
အကယ္၍ အထက္ပါ သတိေပးခ်က္ရလာခဲ့ရင္ Comfirm & Save ဆိုတာကို ကလစ္မလုပ္ပါနဲ႔။ လုပ္ခဲ့လို႔ရွိရင္ သင့္ရဲ့ က်န္ေနေသးတဲ့ Widget Data ေတြအားလံုးဆံုးရႈံးသြားပါလိမ့္မယ္။ Cancel ကိုေရြးပါ။ Expand Widget Templates မွ Tick ကိုျဖဳတ္ျခင္းျဖင့္ မူလ Template ကိုျပန္သြားပါ။ က်န္ခဲ့ေသာ Widget မ်ားအားလံုးကို ျပန္ကူးပါ။အထက္ပါ သတိေပးခ်က္တြင္ Label1 , Html1 စသျဖင့္ဥပမာ ျပထားပါသည္။ မိမိရရွိေသာ သတိေပးခ်က္မွ Widget ေခါင္းစဥ္မ်ားကို သာကူးၿပီး အဆင့္(၂)တြင္ထပ္မံေပါင္းထည့္ ရန္သာျဖစ္ပါတယ္။ ဖိုင္ကိုထပ္မံသိမ္းဆည္းၿပီး Upload လုပ္ေပးပါ။
အဆင့္(၄)။ ။ အထက္ပါအဆင့္မ်ား ေအာင္ျမင္စြာၿပီးဆံုးပါက Add Page Element ကိုသြားပါ။ ေအာက္ပါပံုစံအတိုင္း ၃-ေကာ္လံျဖင့္ျမင္ေတြ႔ရပါမယ္။
၎တြင္ Labels(စာညႊန္းမ်ား)ႏွင့္ Posts (ေရးသားၿပီးေခါင္းစဥ္မ်ား) Element ေခါင္းစဥ္ေတြကေတာ့ Neo ရဲ့ မူရင္း Page Element မ်ားျဖစ္ၿပီး ျပဳျပင္၊ဖ်က္သိမ္းျခင္းလုပ္လို႔ ရမွာမဟုတ္ပါဘူး။ အကယ္၍လုပ္ခဲ့ မယ္ဆိုရင္ Neo ရဲ့အဓိက လုပ္ေဆာင္ခ်က္တစ္ခုလံုးပ်က္စီးသြားမွာျဖစ္ပါတယ္။ က်န္တဲ့ Page Element ေတြကေတာ့ မိမိဘေလာ့ဂ္ မွာရွိတဲ့ Element ေတြျဖစ္တဲ့ အတြက္ မိမိစိတ္ႀကိဳက္ ၿပဳျပင္ဖ်က္သိမ္း လုပ္နိဳင္မွာျဖစ္ပါတယ္။
ဒါကေတာ့ ပံုမွန္ Neo Template တစ္ခုကို ဘယ္လုိ Install လုပ္ရမယ္ဆိုတာကိုရွင္းျပခဲ့တာျဖစ္ပါတယ္။
မူရင္းနီယို Template ကိုအသံုးျပဳခ်င္သူမ်ားအတြက္ ဒီေနရာ မွာႀကိဳက္ႏွစ္သက္ရာ ဒီဇိုင္းကိုေရြးခ်ယ္ၿပီး စိတ္ႀကိဳက္ အသံုးျပဳနိဳင္ၾကပါေၾကာင္း။
ျမန္မာ ဘေလာ့ဂၢါမ်ားအတြက္ Neo Template အသစ္
မူရင္း ဒီေနရာက ျဖစ္ၿပီး ၊ လုိအပ္တဲ့ Script Coding တစ္ခ်ိဳ႔ကို ျပဳျပင္ေရးသားထားတဲ့ ”ျမန္မာနီယိုဘေလာ့ဂၢါ တမ္းပလိတ္” အား ဒီေနရာမွာ အခမဲ့ေဒါင္းလုဒ္ဆြဲခ်ႏိုင္ပါတယ္။ Install လုပ္ပံု ၊ လုပ္နည္းကေတာ့ အေပၚမွာ ရွင္းျပထားတဲ့အတိုင္းပါပဲ။
ျမန္မာနီယိုဘေလာ့ဂ္ဂါ တမ္းပလိတ္ ကိုအသံုးျပဳထားတဲ့ ”စမ္းသပ္ဘေလာ့ဂ္” အား ဒီေနရာ မွာ ၾကည့္ရႈႏိုင္ပါတယ္။
ဒီ Template ကိုအသံုးျပဳမယ္ဆိုရင္ အဓိကျပဳျပင္စရာတစ္ခုကေတာ့ မိမိရဲ့ Eot ေဖာင့္ထ္လိပ္စာကို ျပန္လည္ အစားသြင္းေပးရန္ပါပဲ။ ေအာက္မွာေဖာ္ျပထားတဲ့အတိုင္းျဖစ္ပါတယ္။
Eot ေဖာင့္ထ္ ဆိုတာ ဘာလဲ ၊ ဘယ္လိုလုပ္ရမလဲဆိုတာေတြကိုေတာ့ ဒီေနရာ မွာရွင္းျပထားတာရွိပါတယ္။
Neo အသံုးျပဳရင္မိမိဘေလာ့ဂ္မွာ ဘာေတြထူးျခားလာမလဲ
ဒီေနရာ မွာ သင့္ဘေလာ့ဂ္ လိပ္စာ ရိုက္ထည့္ၿပီး နီယို အသံုးျပဳျခင္းအားျဖင့္ ဘာေတြထူးျခားသြားသလဲ ဆိုတာ ေလ့လာႏိုင္ပါတယ္။
ဘယ္လိုအသံုးျပဳမလဲ
အသံုးျပဳရတာ အရမ္းကို လြယ္ကူရွင္းလင္းပါတယ္။ ေအာက္ပါအဆင့္မ်ားအတိုင္း အတိအက် လုပ္ေဆာင္ပါ။
အဆင့္(၁) ။ ။ လက္ရွိ မိမိသံုးေနတဲ့ Template ကို "Backup" လုပ္ထားပါ။(Blog Setting ထဲက၊ Template ဆိုတဲ့ Tab ကိုသြားပါ ၊ Edit Html ကို ေရြးပါ၊ ၎ စာမ်က္ႏွာမွာ (Before editing your template, you may want to save a copy of it.) ဆိုတဲ့ စာေၾကာင္း ေနာက္က "Download Full Template" ကို " ကလစ္" လုပ္ျခင္းအားျဖင့္ လက္ရွိ Template ကို Backup လုပ္ၿပီးသားျဖစ္သြားပါၿပီ။ ရည္ရြယ္ခ်က္ကေတာ့ အကယ္၍ Neo ကို Install လုပ္ေနရင္းနဲ႔ အမွားတစ္ခုခုပါသြားခဲ့ရင္ ယခင္ Template ကိုအလြယ္တစ္ကူ ျပန္သံုးလို႔ ရေစရန္ ျဖစ္ပါတယ္။
အဆင့္(၂)။ ။၎ Edit Html စာမ်က္ႏွာရဲ့ Coding Box ထဲမွာ
<body> ဆိုတဲ့ ကုဒ္ကို ေတြ႔ေအာင္ရွာပါ။ Ctrl+F ကိုႏွိပ္ၿပီး Search Box ေပၚလာတာနဲ႔ ၎ ကုဒ္ကို Search Box ထဲမွာ ရိုက္ထည့္ၿပီးအလြယ္တစ္ကူ ရွာနိဳင္ပါတယ္။ <body> ကုဒ္ကို ေတြ႔ပါက ၎၏ ေနာက္ရွိ စာေၾကာင္းမ်ားထဲမွ<b:widget> ျဖင့္အစျပဳေသာ စာေၾကာင္းမွန္သမွ်ကို ေကာ္ပီလုပ္ၿပီး Note Pad သို႔ ၊ Word Pad တစ္ခုခုတြင္သိမ္းထားပါ။မွတ္ခ်က္။
<b;widget><widget id=Blog1.....>ဆိုေသာစာေၾကာင္းကို ကူးစရာမလိုပါ။အဆင့္(၃)။အထက္ပါအဆင့္မ်ားအားလံုးၿပီးဆံုးပါက ဒီေနရာ မွာ Right Click ေထာက္ၿပီး ၊ Save Target As..ေရြးျခင္းျဖင့္ Neo.js ကို ေဒါင္းလုဒ္ လုပ္ပါ။ ရလ်င္ ၎ဖိုင္ကို Note pad သို႔ Word Pad ျဖင့္ဖြင့္ၿပီး
</b:widget> </b:section> ဆိုေသာ ကုဒ္ ႏွစ္ခုကို ရွာပါ။ ေတြ႔လ်င္ အဆင့္(၂) တြင္ သိမ္းထားခဲ့ေသာ Widget Coding စာေၾကာင္းမ်ားကို ေကာ္ပီကူးၿပီး အထက္ပါ ကုဒ္ႏွစ္ခုၾကား တြင္ထည့္ပါ။ ဖိုင္ကို Save လုပ္ပါ။Widget မ်ားကိုထည့္ရမယ့္ ပံုစံကေတာ့ ေအာက္ပါပံုစံအတိုင္းျဖစ္ပါတယ္။
<div id='newsidebar-wrapper'>
<b:section class='sidebar' id='newsidebar' preferred='yes'>
<b:widget id='Posts' locked='false' title='Posts' type='HTML'>
<b:includable id='main'>
<div id='LabelDisplay'>
<div id='LabelTitle'>
</div>
<div class='widget-content' id='LabelPosts'>
<script language='javascript'>fetchLatestPosts('<data:blog.homepageUrl/>', '');</script>
</div>
</div>
</b:includable>
</b:widget>
ဒီေနရာမွာ သင့္ရဲ့ Widget မ်ားအားလံုးထည့္ပါ....
</b:section>
</div> အဆင့္(၄)။ ။Edit Html စာမ်က္ႏွာမွာပဲ Browse မွတစ္ဆင့္ အဆင့္(၃) တြင္ သိမ္းထားခဲ့ေသာ ဖိုင္ ရွိတဲ့ေနရာကို ညြန္ျပပါ။ Upload လုပ္ပါ။ ”Template Save Successfully ” ဆိုရင္အားလံုးေအာင္ျမင္စြာၿပီးဆံုး ပါၿပီ။ဒီလိုမဟုတ္ပဲ ေအာက္က ပုံအတိုင္း Error တက္လာခဲ့ရင္ေတာ့ ျပန္စစ္ဖို႔လိုပါမယ္။
အကယ္၍ အထက္ပါ သတိေပးခ်က္ရလာခဲ့ရင္ Comfirm & Save ဆိုတာကို ကလစ္မလုပ္ပါနဲ႔။ လုပ္ခဲ့လို႔ရွိရင္ သင့္ရဲ့ က်န္ေနေသးတဲ့ Widget Data ေတြအားလံုးဆံုးရႈံးသြားပါလိမ့္မယ္။ Cancel ကိုေရြးပါ။ Expand Widget Templates မွ Tick ကိုျဖဳတ္ျခင္းျဖင့္ မူလ Template ကိုျပန္သြားပါ။ က်န္ခဲ့ေသာ Widget မ်ားအားလံုးကို ျပန္ကူးပါ။အထက္ပါ သတိေပးခ်က္တြင္ Label1 , Html1 စသျဖင့္ဥပမာ ျပထားပါသည္။ မိမိရရွိေသာ သတိေပးခ်က္မွ Widget ေခါင္းစဥ္မ်ားကို သာကူးၿပီး အဆင့္(၂)တြင္ထပ္မံေပါင္းထည့္ ရန္သာျဖစ္ပါတယ္။ ဖိုင္ကိုထပ္မံသိမ္းဆည္းၿပီး Upload လုပ္ေပးပါ။
အဆင့္(၄)။ ။ အထက္ပါအဆင့္မ်ား ေအာင္ျမင္စြာၿပီးဆံုးပါက Add Page Element ကိုသြားပါ။ ေအာက္ပါပံုစံအတိုင္း ၃-ေကာ္လံျဖင့္ျမင္ေတြ႔ရပါမယ္။
၎တြင္ Labels(စာညႊန္းမ်ား)ႏွင့္ Posts (ေရးသားၿပီးေခါင္းစဥ္မ်ား) Element ေခါင္းစဥ္ေတြကေတာ့ Neo ရဲ့ မူရင္း Page Element မ်ားျဖစ္ၿပီး ျပဳျပင္၊ဖ်က္သိမ္းျခင္းလုပ္လို႔ ရမွာမဟုတ္ပါဘူး။ အကယ္၍လုပ္ခဲ့ မယ္ဆိုရင္ Neo ရဲ့အဓိက လုပ္ေဆာင္ခ်က္တစ္ခုလံုးပ်က္စီးသြားမွာျဖစ္ပါတယ္။ က်န္တဲ့ Page Element ေတြကေတာ့ မိမိဘေလာ့ဂ္ မွာရွိတဲ့ Element ေတြျဖစ္တဲ့ အတြက္ မိမိစိတ္ႀကိဳက္ ၿပဳျပင္ဖ်က္သိမ္း လုပ္နိဳင္မွာျဖစ္ပါတယ္။
ဒါကေတာ့ ပံုမွန္ Neo Template တစ္ခုကို ဘယ္လုိ Install လုပ္ရမယ္ဆိုတာကိုရွင္းျပခဲ့တာျဖစ္ပါတယ္။
မူရင္းနီယို Template ကိုအသံုးျပဳခ်င္သူမ်ားအတြက္ ဒီေနရာ မွာႀကိဳက္ႏွစ္သက္ရာ ဒီဇိုင္းကိုေရြးခ်ယ္ၿပီး စိတ္ႀကိဳက္ အသံုးျပဳနိဳင္ၾကပါေၾကာင္း။
ျမန္မာ ဘေလာ့ဂၢါမ်ားအတြက္ Neo Template အသစ္
မူရင္း ဒီေနရာက ျဖစ္ၿပီး ၊ လုိအပ္တဲ့ Script Coding တစ္ခ်ိဳ႔ကို ျပဳျပင္ေရးသားထားတဲ့ ”ျမန္မာနီယိုဘေလာ့ဂၢါ တမ္းပလိတ္” အား ဒီေနရာမွာ အခမဲ့ေဒါင္းလုဒ္ဆြဲခ်ႏိုင္ပါတယ္။ Install လုပ္ပံု ၊ လုပ္နည္းကေတာ့ အေပၚမွာ ရွင္းျပထားတဲ့အတိုင္းပါပဲ။
ျမန္မာနီယိုဘေလာ့ဂ္ဂါ တမ္းပလိတ္ ကိုအသံုးျပဳထားတဲ့ ”စမ္းသပ္ဘေလာ့ဂ္” အား ဒီေနရာ မွာ ၾကည့္ရႈႏိုင္ပါတယ္။
ဒီ Template ကိုအသံုးျပဳမယ္ဆိုရင္ အဓိကျပဳျပင္စရာတစ္ခုကေတာ့ မိမိရဲ့ Eot ေဖာင့္ထ္လိပ္စာကို ျပန္လည္ အစားသြင္းေပးရန္ပါပဲ။ ေအာက္မွာေဖာ္ျပထားတဲ့အတိုင္းျဖစ္ပါတယ္။
/* Use this with templates/template-twocol.html */
.Navbar{display:none;visibility:hidden}
body {
background:#fff;
margin:0;
text-align:center;
line-height: 1.5em;
font-family:x-small 'ZawGyi-One', ZawgyiOne, Zawgyi1, Trebuchet MS, Verdana, Arial, Sans-serif;
color:$mainTextColor;
font-size/* */:/**/small;
font-size: 13px /**/small;
}
@font-face {
font-family: Zawgyi-One;
font-style: normal;
font-weight: normal;
src: url(http://ဒီေနရာမွာ သင့္ရဲ့ Eot ေဖာင့္ထ္ လိပ္စာထည့္ရပါမယ္။);
}
Eot ေဖာင့္ထ္ ဆိုတာ ဘာလဲ ၊ ဘယ္လိုလုပ္ရမလဲဆိုတာေတြကိုေတာ့ ဒီေနရာ မွာရွင္းျပထားတာရွိပါတယ္။
Post a Comment