How to Back up Blog and Import /Export

က်ေနာ္အခုတေလာေတြ႕ေနရတယ္။ ဘေလာ့ေတြကိုဘန္းမယ္ဆိုလား။ ဟက္မယ္ဆိုလား။
ဘန္စမ္းပါေစဗ်ာ။ ဘေလာ့အသစ္တစ္ခုဟာ မိနစ္သံုးဆယ္အတြင္းဖန္တီးလို႔ရပါတယ္။
ဘယ္ေလာက္အထိဘန္းႏိုင္မလဲ ဘန္းစမ္းပါေစ။ ဟက္စမ္းပါေစ။ ဘေလာ့ကိုေျပာတာ
ေနာ္။ စက္ကိုေျပာတာမဟုတ္ဘူး။ စက္ကတန္ရာတန္ေၾကးရွိတာကိုး။ ဘေလာ့က ဖရီး
ဆိုေတာ့ လာစမ္းပါ။


ကိုယ္က ၾကိဳတင္ျပင္ထားရမွာက တင္ထားတဲ့ပို႔စ္အေဟာင္းေတြျပန္ရႏိုင္ဖို႔ပါပဲ။ အဲဒါ
Back up လုပ္ထားလိုက္ရင္ အားလံုးအဆင္ေျပသြားပါလိမ့္မယ္။ ဒါမွမဟုတ္ တင္ပ
လိတ္အသစ္တစ္ခုသို႔ ပို႔စ္အေဟာင္းေတြတစ္ခါတည္းအျမန္တင္ေပးႏိုင္တဲ့ Import/
Export tool နဲ႔လုပ္လိုက္မယ္ဆိုရင္ ဘန္းခံရတဲ့ျပႆနာေတြအလြယ္တကူေက်ာ္
လြားသြားႏိုင္ပါတယ္။
+/- အျပည့္အစံုသို႔


Blog ကို Back up လုပ္နည္း

(၁) http://www.blogger.com/ ကေန Dashboard သုိ႔၀င္လိုက္ပါ။

(၂) Design > Edit HTML > Download Full Template ကိုႏွိပ္


(၃) ေအာက္က ေဘာက္စ္အတိုင္းေပၚလာရင္ OK


Back up လုပ္တာ ဒါပါပဲ။ Back up ဖိုင္ သိမ္းထားတဲ့ေနရာကိုေတာ့ သိေအာင္
လုပ္ထားေပါဗ်ာ။ မိမိဘေလာ့က တစ္စံုတစ္ခုျပႆနာေပၚလာခဲ့ရင္ Design >
Edit HTML ကိုႏွိပ္ျပီး Browse ကေန သိမ္းထားတဲ့ Back up ဖိုင္ကို ျပန္ျပီး
Upload တင္လိုက္ရံုပါပဲ။


Blog Post ေတြကို Export လုပ္နည္း

(၁) http://www.blogger.com/ ကေန Dashboard သုိ႔၀င္လိုက္ပါ။

(၂) Setting ကိုႏွိပ္။ ေအာက္က Export ကိုႏွိပ္


(၃) ေနာက္ေပၚလာတဲ့ေဘာက္စ္တြင္ Download ကိုႏွိပ္


(၄) ေနာက္ေဘာက္စ္တြင္ OK (မိမိသိမ္းထားတဲ့ xml ဖိုင္ရဲ႕ေနရာကိုမွတ္ထားပါ)



သိမ္းထားတဲ့ Blog Post ေတြကို Import ထည့္သြင္းနည္း

(၁) http://www.blogger.com/ ကေန Dashboard သုိ႔၀င္လိုက္ပါ။

(၂) Setting ကိုႏွိပ္။ ေအာက္က Import ကိုႏွိပ္


(၃) Browse အကြက္တြင္ မိမိသိမ္းထားတဲ့ Blog post. xml ဖိုင္ကို ေရြးပါ။
ျပီးေတာ့ ေအာက္ကအကြက္မွာ Character code အကၡရာေတြကို မွန္ေအာင္ရိုက္
ေလးေထာင့္ကြက္ အမွန္ျခစ္၊ Import Blog ကိုႏွိပ္။


ပို႔စ္အနည္းအမ်ားေပၚမူတည္ျပီး အနည္းငယ္ၾကာပါလိမ့္မယ္။ ခဏေစာင့္လိုက္ပါ။ ျပီးရင္
Finish ေပါ့ဗ်ာ။

ကဲ...ဘေလာ့ဘန္းခံရျပီး ပို႔စ္ေဟာင္းေတြေပ်ာက္သြားတဲ့ ဒုကၡမ်ားမွာ ကင္းလြတ္ႏိုင္ၾက
ပါေစ...

အဆင္ေျပပါေစ

ေစာလင္းနက္စ္

Myanmar Calendar on Blogspot

ျမန္မာ သကၠရစ္ခုႏွစ္၊ ရက္စြဲမ်ား ဘေလာ့မွာေပၚခ်င္သူမ်ားအတြက္ မာ့ခ္၏ ကိုယ္​ပိုင္ အတၱမ်ား
နာမည္ကေတာ့မိုက္တယ္ေနာ္ (နာမည္ေတြ႕တာနဲ႔ေၾကာက္စရာၾကီး) က်ေနာ္ေတာင္ အဲဒီဆိုက္ေရာက္ရင္ ေၾကာက္ေၾကာက္လာတယ္။သူ႔ဆိုက္ကိုေရာက္ရင္ အသာေလးျပန္လွည့္လာရတယ္။ ေတာ္ၾကာေဆာ္ထည့္
လိုက္မွ ရွိစုမဲ့စုေလးေတြၾကြကုန္အံုးမယ္။ေနာက္တာပါဗ်ာ....နာမည္ၾကမ္းတယ္ဆိုေပမယ့္ စိတ္ေကာင္းမယ့္
ပံုပါဗ်ာ။ သူတို႔တစ္ေတြကိုၾကည့္ျပီးအားက်ခဲ့ရတယ္။

က်ေနာ္တို႔လို ၀ါသနာမွ်သာရွိျပီး နည္းပညာမရွိသူေတြအတြက္ အဲဒီဆိုက္ေတြကို အားကိုးရတယ္ေလ။ တကယ္ေတာ့
သူတို႔ေတြဟာ နည္းပညာေတြကို အဖိုးအခတစ္ျပားတစ္ခ်မယူပဲ ေစတနာျပည့္၀စြာျဖင့္ ေ၀ငွတဲ့သူေတြျဖစ္ပါတယ္။
ဒါေၾကာင့္ နည္းပညာေရးသားသူအားလံုး က်ေနာ္က သူတို႔ကို မေတြ႕မျမင္ရေပမယ့္ စိတ္ထဲမွာအျမဲေက်းဇူးတင္မိတယ္။
ေနာက္ျပီး သူတို႔အားလံုးအဆင္ေျပၾကပါေစ ထာ၀ရေအာင္ျမင္ၾကပါေစဆိုျပီး ေမတၱာပို႔ေပးခဲ့ပါတယ္။
အဓိကေျပာလိုသည္မွာ သူ႔ဆိုက္မွာဒီအေၾကာင္းကိုေရးထားပါတယ္။ ေအာက္ဆံုးကလင့္ေပးထားပါတယ္။

ေအာ္ျမန္မာ ျပကၡဒိန္ထည့္နည္းက ဘယ္ေရာက္ေနပါလိမ့္၊ အဲ...ထည့္ခ်င္ရင္ ေအာက္ပါအတိုင္းလုပ္ပါ....

Layout ကုိသြားပါ. Add a gadget ကုိသြားပါ. HTML/Javascript ကုိယူပါ. ျပီးရင္ေတာ႔ ဒီေအာက္က ကုဒ္ဒင္းေလးေတြကုိ ေကာ္ပီေပ႔စ္လုပ္လုိက္ပါ. ဒါပါပဲ.

<script src="http://soemin.googlecode.com/svn/scripts/myanmar_calendar.js" type="text/javascript"></script>

ပုိျပီးေတာ႔ အဆင္ေျပခ်င္ရင္ေတာ႔ ဒီ JS ဖုိင္ေလးကုိ ေဒါင္းလုပ္ခ်လုိက္ပါ. ျပီးေတာ႔ ကုိယ္႔ဖာသာ အဆင္ေျပမယ္႔ Hosting site တစ္ခုခုမွာ ကုိယ္႔ဖာသာပဲ Hosting လုပ္ျပီး လင္႔ခ္ေလးကုိ ထုတ္ယူလုိုက္ပါ. ဒါဆုိရင္ အမ်ားၾကီးက ၀ုိင္းဆဲြလုိ႔ Bandwidth Limit ေက်ာ္သြားတာမ်ိဳး မျဖစ္ႏုိင္ေတာ႔ပါဘူး.
ဒီမွာ ေဒါင္းလုပ္ခ်ပါ. (ဒါကေတာ့ ကိုရန္ေအာင္ေလသံပါ)။

ဒါကကိုစိုးမင္းရဲ႕အိမ္ပါ

Sawlinux

Myanmar Calendar on Blogspot

ျမန္မာ သကၠရစ္ခုႏွစ္၊ ရက္စြဲမ်ား ဘေလာ့မွာေပၚခ်င္သူမ်ားအတြက္ မာ့ခ္၏ ကိုယ္​ပိုင္ အတၱမ်ား
နာမည္ကေတာ့မိုက္တယ္ေနာ္ (နာမည္ေတြ႕တာနဲ႔ေၾကာက္စရာၾကီး) က်ေနာ္ေတာင္ အဲဒီဆိုက္ေရာက္ရင္ ေၾကာက္ေၾကာက္လာတယ္။သူ႔ဆိုက္ကိုေရာက္ရင္ အသာေလးျပန္လွည့္လာရတယ္။ ေတာ္ၾကာေဆာ္ထည့္
လိုက္မွ ရွိစုမဲ့စုေလးေတြၾကြကုန္အံုးမယ္။ေနာက္တာပါဗ်ာ....နာမည္ၾကမ္းတယ္ဆိုေပမယ့္ စိတ္ေကာင္းမယ့္
ပံုပါဗ်ာ။ သူတို႔တစ္ေတြကိုၾကည့္ျပီးအားက်ခဲ့ရတယ္။

က်ေနာ္တို႔လို ၀ါသနာမွ်သာရွိျပီး နည္းပညာမရွိသူေတြအတြက္ အဲဒီဆိုက္ေတြကို အားကိုးရတယ္ေလ။ တကယ္ေတာ့
သူတို႔ေတြဟာ နည္းပညာေတြကို အဖိုးအခတစ္ျပားတစ္ခ်မယူပဲ ေစတနာျပည့္၀စြာျဖင့္ ေ၀ငွတဲ့သူေတြျဖစ္ပါတယ္။
ဒါေၾကာင့္ နည္းပညာေရးသားသူအားလံုး က်ေနာ္က သူတို႔ကို မေတြ႕မျမင္ရေပမယ့္ စိတ္ထဲမွာအျမဲေက်းဇူးတင္မိတယ္။
ေနာက္ျပီး သူတို႔အားလံုးအဆင္ေျပၾကပါေစ ထာ၀ရေအာင္ျမင္ၾကပါေစဆိုျပီး ေမတၱာပို႔ေပးခဲ့ပါတယ္။
အဓိကေျပာလိုသည္မွာ သူ႔ဆိုက္မွာဒီအေၾကာင္းကိုေရးထားပါတယ္။ ေအာက္ဆံုးကလင့္ေပးထားပါတယ္။

ေအာ္ျမန္မာ ျပကၡဒိန္ထည့္နည္းက ဘယ္ေရာက္ေနပါလိမ့္၊ အဲ...ထည့္ခ်င္ရင္ ေအာက္ပါအတိုင္းလုပ္ပါ....

Layout ကုိသြားပါ. Add a gadget ကုိသြားပါ. HTML/Javascript ကုိယူပါ. ျပီးရင္ေတာ႔ ဒီေအာက္က ကုဒ္ဒင္းေလးေတြကုိ ေကာ္ပီေပ႔စ္လုပ္လုိက္ပါ. ဒါပါပဲ.

<script src="http://soemin.googlecode.com/svn/scripts/myanmar_calendar.js" type="text/javascript"></script>

ပုိျပီးေတာ႔ အဆင္ေျပခ်င္ရင္ေတာ႔ ဒီ JS ဖုိင္ေလးကုိ ေဒါင္းလုပ္ခ်လုိက္ပါ. ျပီးေတာ႔ ကုိယ္႔ဖာသာ အဆင္ေျပမယ္႔ Hosting site တစ္ခုခုမွာ ကုိယ္႔ဖာသာပဲ Hosting လုပ္ျပီး လင္႔ခ္ေလးကုိ ထုတ္ယူလုိုက္ပါ. ဒါဆုိရင္ အမ်ားၾကီးက ၀ုိင္းဆဲြလုိ႔ Bandwidth Limit ေက်ာ္သြားတာမ်ိဳး မျဖစ္ႏုိင္ေတာ႔ပါဘူး.
ဒီမွာ ေဒါင္းလုပ္ခ်ပါ. (ဒါကေတာ့ ကိုရန္ေအာင္ေလသံပါ)။

ဒါကကိုစိုးမင္းရဲ႕အိမ္ပါ

Sawlinux

Myanmar Calendar on Blogspot

ျမန္မာ သကၠရစ္ခုႏွစ္၊ ရက္စြဲမ်ား ဘေလာ့မွာေပၚခ်င္သူမ်ားအတြက္ မာ့ခ္၏ ကိုယ္​ပိုင္ အတၱမ်ား
နာမည္ကေတာ့မိုက္တယ္ေနာ္ (နာမည္ေတြ႕တာနဲ႔ေၾကာက္စရာၾကီး) က်ေနာ္ေတာင္ အဲဒီဆိုက္ေရာက္ရင္ ေၾကာက္ေၾကာက္လာတယ္။သူ႔ဆိုက္ကိုေရာက္ရင္ အသာေလးျပန္လွည့္လာရတယ္။ ေတာ္ၾကာေဆာ္ထည့္
လိုက္မွ ရွိစုမဲ့စုေလးေတြၾကြကုန္အံုးမယ္။ေနာက္တာပါဗ်ာ....နာမည္ၾကမ္းတယ္ဆိုေပမယ့္ စိတ္ေကာင္းမယ့္
ပံုပါဗ်ာ။ သူတို႔တစ္ေတြကိုၾကည့္ျပီးအားက်ခဲ့ရတယ္။

က်ေနာ္တို႔လို ၀ါသနာမွ်သာရွိျပီး နည္းပညာမရွိသူေတြအတြက္ အဲဒီဆိုက္ေတြကို အားကိုးရတယ္ေလ။ တကယ္ေတာ့
သူတို႔ေတြဟာ နည္းပညာေတြကို အဖိုးအခတစ္ျပားတစ္ခ်မယူပဲ ေစတနာျပည့္၀စြာျဖင့္ ေ၀ငွတဲ့သူေတြျဖစ္ပါတယ္။
ဒါေၾကာင့္ နည္းပညာေရးသားသူအားလံုး က်ေနာ္က သူတို႔ကို မေတြ႕မျမင္ရေပမယ့္ စိတ္ထဲမွာအျမဲေက်းဇူးတင္မိတယ္။
ေနာက္ျပီး သူတို႔အားလံုးအဆင္ေျပၾကပါေစ ထာ၀ရေအာင္ျမင္ၾကပါေစဆိုျပီး ေမတၱာပို႔ေပးခဲ့ပါတယ္။
အဓိကေျပာလိုသည္မွာ သူ႔ဆိုက္မွာဒီအေၾကာင္းကိုေရးထားပါတယ္။ ေအာက္ဆံုးကလင့္ေပးထားပါတယ္။

ေအာ္ျမန္မာ ျပကၡဒိန္ထည့္နည္းက ဘယ္ေရာက္ေနပါလိမ့္၊ အဲ...ထည့္ခ်င္ရင္ ေအာက္ပါအတိုင္းလုပ္ပါ....

Layout ကုိသြားပါ. Add a gadget ကုိသြားပါ. HTML/Javascript ကုိယူပါ. ျပီးရင္ေတာ႔ ဒီေအာက္က ကုဒ္ဒင္းေလးေတြကုိ ေကာ္ပီေပ႔စ္လုပ္လုိက္ပါ. ဒါပါပဲ.

<script src="http://soemin.googlecode.com/svn/scripts/myanmar_calendar.js" type="text/javascript"></script>

ပုိျပီးေတာ႔ အဆင္ေျပခ်င္ရင္ေတာ႔ ဒီ JS ဖုိင္ေလးကုိ ေဒါင္းလုပ္ခ်လုိက္ပါ. ျပီးေတာ႔ ကုိယ္႔ဖာသာ အဆင္ေျပမယ္႔ Hosting site တစ္ခုခုမွာ ကုိယ္႔ဖာသာပဲ Hosting လုပ္ျပီး လင္႔ခ္ေလးကုိ ထုတ္ယူလုိုက္ပါ. ဒါဆုိရင္ အမ်ားၾကီးက ၀ုိင္းဆဲြလုိ႔ Bandwidth Limit ေက်ာ္သြားတာမ်ိဳး မျဖစ္ႏုိင္ေတာ႔ပါဘူး.
ဒီမွာ ေဒါင္းလုပ္ခ်ပါ. (ဒါကေတာ့ ကိုရန္ေအာင္ေလသံပါ)။

ဒါကကိုစိုးမင္းရဲ႕အိမ္ပါ

Sawlinux

Myanmar Date & Numerial For Blog

မေနာသား

ဒီပို႔စ္က ကိုစိုးမင္း ဘေလာ႔ဂ္ မွာ ဘေလာ့မွာ ျမန္မာလို ေန႔စြဲ နဲ႔ ျမန္မာကိန္း ဂဏန္း ေျပာင္းခ်င္လွ်င္ ဆိုျပီး ေရးျပီးသားရွိပါတယ္...။ အဲဒီပို႔စ္ကို ကြ်န္ေတာ္႔ ဘေလာ႔ဂ္ ( မွတ္စု ) ထဲ ထည္႔ထားခ်င္တာနဲ႔ ကိုစိုးမင္း ဆီမွာ ခြင္႔ေတာင္းျပီး ျပန္လည္ ေဖာ္ျပထားတာပါ..။ ေနာက္ျပီး ဒီနည္းပညာကို အသံုးျပဳခ်င္သူမ်ားလဲ အဆင္ေျပေအာင္ေပါ႔...။ ဘာလုပ္တယ္ဆိုတာကိုေတာ႔ အထူးေျပာစရာမလိုပဲ ေခါင္းစဥ္မွာတင္ ရွင္းေနပါျပီ..။ မိမိ ဘေလာ႔ဂ္မွာ ထည္႔သြင္းခ်င္သူမ်ား ေအာက္မွာ လုပ္နည္းေရးေပးထားပါတယ္...။

* Blogger Dashboard ကို ၀င္လိုက္ပါ...။
* Dashboard ကေန Layout section ကို သြားပါ ..။
* ထိုမွတဆင္႔ Edit HTML Subtab ကို ထပ္ျပီးသြား .. ။
* ျပီးရင္ Template ကို Expand လုပ္လိုက္ပါ..။
* HTML ကုဒ္ေတြထဲမွာ tag ကို ရွာလိုက္ပါ..။
* ေတြ႔ျပီဆိုရင္ ေအာက္မွာ ေပးထားတဲ႔ ကုဒ္ကို tag ေအာက္မွာ ကပ္ျပီး ထည္႔လိုက္ပါ..။
<script src="http://burglish.googlecode.com/svn/scripts/burmese.js" type="text/javascript"></script>

ျပီးရင္ ေအာက္မွ ေပးထားတဲ႔ ကုဒ္ေတြကို လိုက္ရွာျပီး တစ္ခုခ်င္းစီ ခ်ိန္းေပးလိုက္ပါ..။
<data:post.dateHeader/>
<script>document.write("<data:post.dateHeader/>".convertDate());</script>

<data:label.count/>
<script>document.write("<data:label.count/>".convertDate());</script>

<data:i.name/>
<script>document.write("<data:i.name/>".convertDate());</script>

<data:i.post-count/>
<script>document.write("<data:i.post-count/>".convertDate());</script>


အားလံုးျပီးသြားရင္ေတာ႔ Template ကို Save လိုက္ပါ..။ ကြ်န္ေတာ္ အစားထိုးခိုင္းတဲ႔ ကုဒ္ေတြ အားလံုးဟာ မိမိ Template ထဲမွာ အကုန္ပါခ်င္မွလဲ ပါမယ္ ..။ Template တစ္ခုနဲ႔ တစ္ခုေတာ႔ မတူႏိုင္ဘူး..။ ကိုယ္႔ Template ထဲပါတဲ႔ ကုဒ္ေတြကိုပဲ အစားထိုးေပးလိုက္ေပါ႔..။ အဆင္ေျပမယ္လို႔ ထင္ပါတယ္..။ လုပ္ၾကည္႔လိုက္ပါဦး...။ မူရင္းပို႔စ္ကို ဖတ္ခ်င္ရင္ ဒီေနရာ မွာ ဖတ္ႏိုင္ပါတယ္..။

Ref : http://www.soemin.net/

ခင္မင္စြာျဖင္႔

မေနာသား

Myanmar Date & Numerial For Blog

မေနာသား

ဒီပို႔စ္က ကိုစိုးမင္း ဘေလာ႔ဂ္ မွာ ဘေလာ့မွာ ျမန္မာလို ေန႔စြဲ နဲ႔ ျမန္မာကိန္း ဂဏန္း ေျပာင္းခ်င္လွ်င္ ဆိုျပီး ေရးျပီးသားရွိပါတယ္...။ အဲဒီပို႔စ္ကို ကြ်န္ေတာ္႔ ဘေလာ႔ဂ္ ( မွတ္စု ) ထဲ ထည္႔ထားခ်င္တာနဲ႔ ကိုစိုးမင္း ဆီမွာ ခြင္႔ေတာင္းျပီး ျပန္လည္ ေဖာ္ျပထားတာပါ..။ ေနာက္ျပီး ဒီနည္းပညာကို အသံုးျပဳခ်င္သူမ်ားလဲ အဆင္ေျပေအာင္ေပါ႔...။ ဘာလုပ္တယ္ဆိုတာကိုေတာ႔ အထူးေျပာစရာမလိုပဲ ေခါင္းစဥ္မွာတင္ ရွင္းေနပါျပီ..။ မိမိ ဘေလာ႔ဂ္မွာ ထည္႔သြင္းခ်င္သူမ်ား ေအာက္မွာ လုပ္နည္းေရးေပးထားပါတယ္...။

* Blogger Dashboard ကို ၀င္လိုက္ပါ...။
* Dashboard ကေန Layout section ကို သြားပါ ..။
* ထိုမွတဆင္႔ Edit HTML Subtab ကို ထပ္ျပီးသြား .. ။
* ျပီးရင္ Template ကို Expand လုပ္လိုက္ပါ..။
* HTML ကုဒ္ေတြထဲမွာ tag ကို ရွာလိုက္ပါ..။
* ေတြ႔ျပီဆိုရင္ ေအာက္မွာ ေပးထားတဲ႔ ကုဒ္ကို tag ေအာက္မွာ ကပ္ျပီး ထည္႔လိုက္ပါ..။
<script src="http://burglish.googlecode.com/svn/scripts/burmese.js" type="text/javascript"></script>

ျပီးရင္ ေအာက္မွ ေပးထားတဲ႔ ကုဒ္ေတြကို လိုက္ရွာျပီး တစ္ခုခ်င္းစီ ခ်ိန္းေပးလိုက္ပါ..။
<data:post.dateHeader/>
<script>document.write("<data:post.dateHeader/>".convertDate());</script>

<data:label.count/>
<script>document.write("<data:label.count/>".convertDate());</script>

<data:i.name/>
<script>document.write("<data:i.name/>".convertDate());</script>

<data:i.post-count/>
<script>document.write("<data:i.post-count/>".convertDate());</script>


အားလံုးျပီးသြားရင္ေတာ႔ Template ကို Save လိုက္ပါ..။ ကြ်န္ေတာ္ အစားထိုးခိုင္းတဲ႔ ကုဒ္ေတြ အားလံုးဟာ မိမိ Template ထဲမွာ အကုန္ပါခ်င္မွလဲ ပါမယ္ ..။ Template တစ္ခုနဲ႔ တစ္ခုေတာ႔ မတူႏိုင္ဘူး..။ ကိုယ္႔ Template ထဲပါတဲ႔ ကုဒ္ေတြကိုပဲ အစားထိုးေပးလိုက္ေပါ႔..။ အဆင္ေျပမယ္လို႔ ထင္ပါတယ္..။ လုပ္ၾကည္႔လိုက္ပါဦး...။ မူရင္းပို႔စ္ကို ဖတ္ခ်င္ရင္ ဒီေနရာ မွာ ဖတ္ႏိုင္ပါတယ္..။

Ref : http://www.soemin.net/

ခင္မင္စြာျဖင္႔

မေနာသား

Page Navigation Bar

Blog တြင္ Numbered Page Navigation Bar ထည့္သြင္းျခင္း

အားလုံးပဲမဂၤလာပါခင္ဗ်ာ။ ကၽြန္ေတာ္အခု ေဖာ္ျပမွာကေတာ့ စာမ်က္ႏွာနံပါတ္ပါတဲ့ Navigation Bar ထည့္သြင္းနည္းေလးပဲျဖစ္ပါတယ္။ မသိၾကေသးသူမ်ားအတြက္ ရည္ရြယ္ေရးသားျခင္းျဖစ္တဲ့အတြက္ သိၿပီးသူမ်ားက သီးခံေပးၾကပါအုံး။ မိမိတုိ႔ ဘေလာ့ရဲ႕ ေအာက္ေျခမွာ ေအာက္က ပုံေလးေတြလုိ ေပၚေနမွာျဖစ္ပါတယ္။ နမူနာကို
ဤစာမ်က္ႏွာ ေအာက္ေျခတြင္ၾကည့္ပါ။

အဆင့္(၁)

၁။ Dashboard >> Layout >> Edit html ကုိသြားပါ။ (ထုံးစံအတုိင္း template ကုိ backup (Download Full Template ) လုပ္ခဲ့ဖုိ႔မေမ့ပါနဲ႔)။



၂။ ]]></b:skin> ဆုိတဲ့ ကုတ္ကုိ ရွာပါ ( Expand Widget Templates ကုိ check မလုပ္ပါနဲ႔)။ ေတြ႕ရင္ အဲဒီအေပၚမွာ ကပ္ၿပီး ေအာက္မွာေပးထားတဲ့ ကုတ္ေတြကုိ ထည့္လုိက္ပါ။


.showpageArea {padding: 0 2px;margin-bottom:10px;margin-top:10px;
}
.showpageArea a {border: 1px solid #505050;

color: #000000;font-weight:normal;

padding: 3px 6px !important;

padding: 1px 4px ;margin:0px 4px;

text-decoration: none;

}

.showpageArea a:hover {

font-size:11px;

border: 1px solid #333;

color: #000000;

background-color: #FFFFFF;

}

.showpageNum a {border: 1px solid #505050;

color: #000000;font-weight:normal;

padding: 3px 6px !important;

padding: 1px 4px ;margin:0px 4px;

text-decoration: none;

}

.showpageNum a:hover {

font-size:11px;

border: 1px solid #333;

color: #000000;

background-color: #FFFFFF;

}

.showpagePoint {font-size:11px;

padding: 2px 4px 2px 4px;

margin: 2px;

font-weight: bold;

border: 1px solid #333;

color: #fff;

background-color: #000000;

}

.showpage a:hover {font-size:11px;

border: 1px solid #333;

color: #000000;

background-color: #FFFFFF;

}

.showpageNum a:link,.showpage a:link {

font-size:11px;

padding: 2px 4px 2px 4px;

margin: 2px;

text-decoration: none;

border: 1px solid #0066cc;

color: #0066cc;

background-color: #FFFFFF;}

.showpageNum a:hover {font-size:11px;

border: 1px solid #333;

color: #000000;

background-color: #FFFFFF;

}

အဆင့္(၂)

၁။ အခုတစ္ခါ ေအာက္က ကုတ္ေတြကုိ ရွာလုိက္ပါအုံး။


<b:section class='main' id='main' showaddelement='yes'>

<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>

</b:section>

၂။ ေတြ႕ရင္ </b:section> ရဲ႕ေအာက္ကေနကပ္ၿပီး ေအာက္မွာေပးထားတဲ့ကုတ္ေတြကုိ ထည့္ေပးလုိက္ပါ။ ၿပီးရင္ Template ကုိ Save လုပ္လုိက္ပါ။
<script type='text/javascript'>

var home_page_url = location.href;

var pageCount=10;

var displayPageNum=6;

var upPageWord ='Previous';

var downPageWord ='Next';

function showpageCount(json) {

var thisUrl = home_page_url;

var htmlMap = new Array();

var thisNum = 1;

var postNum=1;

var itemCount = 0;

var fFlag = 0;

var eFlag = 0;

var html= '';

var upPageHtml ='';

var downPageHtml ='';

for(var i=0, post; post = json.feed.entry[i]; i++) {

var timestamp1 = post.published.$t.substring(0,19)+post.published.$t.substring(23,29);

timestamp
= encodeURIComponent(timestamp1);

var title = post.title.$t;

if(title!=''){

if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){

if(thisUrl.indexOf(timestamp)!=-1 ){

thisNum
= postNum;

}

if(title!='') postNum++;

htmlMap[htmlMap.length]
= '/search?updated-max='+timestamp+'&amp;max-results='+pageCount;

}

}

itemCount
++;

}

for(var p =0;p&lt; htmlMap.length;p++){

if(p&gt;=(thisNum-displayPageNum-1) &amp;&amp; p&lt;(thisNum+displayPageNum)){

if(fFlag ==0 &amp;&amp; p == thisNum-2){

if(thisNum==2){

upPageHtml
= '&lt;span class=&quot;showpage&quot;&gt;&lt;a href=&quot;/&quot;&gt;'+ upPageWord +'&lt;/a&gt;&lt;/span&gt;';

}
else{

upPageHtml
= '&lt;span class=&quot;showpage&quot;&gt;&lt;a href=&quot;'+htmlMap[p]+'&quot;&gt;'+ upPageWord +'&lt;/a&gt;&lt;/span&gt;';

}

fFlag
++;

}

if(p==(thisNum-1)){

html
+= '&lt;span class=&quot;showpagePoint&quot;&gt;'+thisNum+'&lt;/span&gt;';

}
else{

if(p==0){

html
+= '&lt;span class=&quot;showpageNum&quot;&gt;&lt;a href=&quot;/&quot;&gt;1&lt;/a&gt;&lt;/span&gt;';

}
else{

html
+= '&lt;span class=&quot;showpageNum&quot;&gt;&lt;a href=&quot;'+htmlMap[p]+'&quot;&gt;'+ (p+1) +'&lt;/a&gt;&lt;/span&gt;';

}

}

if(eFlag ==0 &amp;&amp; p == thisNum){

downPageHtml
= '&lt;span class=&quot;showpage&quot;&gt; &lt;a href=&quot;'+htmlMap[p]+'&quot;&gt;'+ downPageWord +'&lt;/a&gt;&lt;/span&gt;';

eFlag
++;

}

}

}

if(thisNum&gt;1){

html
= ''+upPageHtml+' '+html +' ';

}

html
= '&lt;div class=&quot;showpageArea&quot;&gt;&lt;span style=&quot;COLOR: #000;&quot; class=&quot;showpageOf&quot;&gt; Pages ('+(postNum-1)+')&lt;/span&gt;'+html;

if(thisNum&lt;(postNum-1)){

html
+= downPageHtml;

}

if(postNum==1) postNum++;

html
+= '&lt;/div&gt;';

var pageArea = document.getElementsByName(&quot;pageArea&quot;);

var blogPager = document.getElementById(&quot;blog-pager&quot;);

if(postNum &lt;= 2){

html
='';

}

for(var p =0;p&lt; pageArea.length;p++){

pageArea[p].innerHTML
= html;

}

if(pageArea&amp;&amp;pageArea.length&gt;0){

html
='';

}

if(blogPager){

blogPager.innerHTML
= html;

}

}

function showpageCount2(json) {

var thisUrl = home_page_url;

var htmlMap = new Array();

var isLablePage = thisUrl.indexOf(&quot;/search/label/&quot;)!=-1;

var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf(&quot;/search/label/&quot;)+14,thisUrl.length) : &quot;&quot;;

thisLable
= thisLable.indexOf(&quot;?&quot;)!=-1 ? thisLable.substr(0,thisLable.indexOf(&quot;?&quot;)) : thisLable;

var thisNum = 1;

var postNum=1;

var itemCount = 0;

var fFlag = 0;

var eFlag = 0;

var html= '';

var upPageHtml ='';

var downPageHtml ='';

var labelHtml = '&lt;span class=&quot;showpageNum&quot;&gt;&lt;a href=&quot;/search/label/'+thisLable+'?&amp;max-results='+pageCount+'&quot;&gt;';

var thisUrl = home_page_url;

for(var i=0, post; post = json.feed.entry[i]; i++) {

var timestamp1 = post.published.$t.substring(0,19)+post.published.$t.substring(23,29);

timestamp
= encodeURIComponent(timestamp1);

var title = post.title.$t;

if(title!=''){

if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){

if(thisUrl.indexOf(timestamp)!=-1 ){

thisNum
= postNum;

}

if(title!='') postNum++;

htmlMap[htmlMap.length]
= '/search/label/'+thisLable+'?updated-max='+timestamp+'&amp;max-results='+pageCount;

}

}

itemCount
++;

}

for(var p =0;p&lt; htmlMap.length;p++){

if(p&gt;=(thisNum-displayPageNum-1) &amp;&amp; p&lt;(thisNum+displayPageNum)){

if(fFlag ==0 &amp;&amp; p == thisNum-2){

if(thisNum==2){

upPageHtml
= labelHtml + upPageWord +'&lt;/a&gt;&lt;/span&gt;';

}
else{

upPageHtml
= '&lt;span class=&quot;showpage&quot;&gt;&lt;a href=&quot;'+htmlMap[p]+'&quot;&gt;'+ upPageWord +'&lt;/a&gt;&lt;/span&gt;';

}

fFlag
++;

}

if(p==(thisNum-1)){

html
+= '&lt;span class=&quot;showpagePoint&quot;&gt;'+thisNum+'&lt;/span&gt;';

}
else{

if(p==0){

html
= labelHtml+'1&lt;/a&gt;&lt;/span&gt;';

}
else{

html
+= '&lt;span class=&quot;showpageNum&quot;&gt;&lt;a href=&quot;'+htmlMap[p]+'&quot;&gt;'+ (p+1) +'&lt;/a&gt;&lt;/span&gt;';

}

}

if(eFlag ==0 &amp;&amp; p == thisNum){

downPageHtml
= '&lt;span class=&quot;showpage&quot;&gt; &lt;a href=&quot;'+htmlMap[p]+'&quot;&gt;'+ downPageWord +'&lt;/a&gt;&lt;/span&gt;';

eFlag
++;

}

}

}

if(thisNum&gt;1){

if(!isLablePage){

html
= ''+upPageHtml+' '+html +' ';

}
else{

html
= ''+upPageHtml+' '+html +' ';

}

}

html
= '&lt;div class=&quot;showpageArea&quot;&gt;&lt;span style=&quot;COLOR: #000;&quot; class=&quot;showpageOf&quot;&gt; Pages ('+(postNum-1)+')&lt;/span&gt;'+html;

if(thisNum&lt;(postNum-1)){

html
+= downPageHtml;

}

if(postNum==1) postNum++;

html
+= '&lt;/div&gt;';

var pageArea = document.getElementsByName(&quot;pageArea&quot;);

var blogPager = document.getElementById(&quot;blog-pager&quot;);

if(postNum &lt;= 2){

html
='';

}

for(var p =0;p&lt; pageArea.length;p++){

pageArea[p].innerHTML
= html;

}

if(pageArea&amp;&amp;pageArea.length&gt;0){

html
='';

}

if(blogPager){

blogPager.innerHTML
= html;

}

}

</script>

<script type='text/javascript'>

var thisUrl = home_page_url;

if (thisUrl.indexOf(&quot;/search/label/&quot;)!=-1){

if (thisUrl.indexOf(&quot;?updated-max&quot;)!=-1){

var lblname1 = thisUrl.substring(thisUrl.indexOf(&quot;/search/label/&quot;)+14,thisUrl.indexOf(&quot;?updated-max&quot;));

}
else{

var lblname1 = thisUrl.substring(thisUrl.indexOf(&quot;/search/label/&quot;)+14,thisUrl.indexOf(&quot;?&amp;max&quot;));

}

}

var home_page = &quot;/&quot;;

if (thisUrl.indexOf(&quot;?q=&quot;)==-1 &amp;&amp; thisUrl.indexOf(&quot;.html&quot;)==-1){

if (thisUrl.indexOf(&quot;/search/label/&quot;)==-1){

document.write(
'&lt;script src=&quot;'+home_page+'feeds/posts/summary?alt=json-in-script&amp;callback=showpageCount&amp;max-results=99999&quot; &gt;&lt;\/script&gt;')

}
else{document.write('&lt;script src=&quot;'+home_page+'feeds/posts/full/-/'+lblname1+'?alt=json-in-script&amp;callback=showpageCount2&amp;max-results=99999&quot; &gt;&lt;\/script&gt;')

}

}

</script>

မိိမိလုိခ်င္တဲ့ Navigation Bar ပုံစံရေအာင္ အထက္ပါကုတ္ေတြကုိ ျပင္ေပးႏုိင္ပါတယ္။

var pageCount=10;

အဲဒီကုတ္ထဲက 10 ကေတာ့ စာမ်က္ႏွာတစ္ခုစီမွာ ေဖာ္ျပေပးမယ့္ ပုိ႔စ္အေရအတြက္ပဲျဖစ္ပါတယ္။ ဒါေပမယ့္ Setting=>> Formatting မွာ မိမိေပးထားတဲ့ Main Page မွာေပၚမယ့္ စာမ်က္ႏွာအေရအတြက္နဲ႔ ကိုက္ညီေအာင္ ထားသင့္ပါတယ္။

var displayPageNum=6;


အဲဒါကေတာ့ Navigation Bar မွာ ကုိယ္ေပၚေစခ်င္တဲ့ စာမ်က္ႏွာအေရအတြက္ပါပဲ (ဥပမာ. ၁ မွ ၆ အထိ)။

var upPageWord ='Previous';

var downPageWord ='Next';

အဲဒီကုတ္ထဲက Previous နဲ႔ Next တုိ႔ကုိ မိမိအလုိရွိသလုိေျပာင္းေပးႏုိင္ပါတယ္။ ဥပမာ ေရွ႕သုိ႔ ၊ ေနာက္သုိ႔။



အဆင့္(၃)


၁။ ဘေလာ့ဂ္မွာ Label Gadget မရွိေသးရင္ ထည့္ေပးဖုိ႔လုိပါတယ္။ Layout >> page elements >> Add Gadget >> Select Labels ။



၂။ Dashboard >> Layout >> Edit html ကုိျပန္သြားပါ။ Expand Widget Templates ကုိ Check Mark လုပ္ခဲ့ပါ။ ေအာက္မွာ ေပးထားတဲ့ကုတ္ကုိရွာပါ။
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>

၃။ အထက္ပါကုတ္ရဲ႕ေနရာမွာ ေအာက္မွာေပးထားတဲ့ကုတ္ေတြကုိ အစားသြင္းလုိက္ပါ။
<script type='text/javascript'>

var lblname = &quot;<data:label.name/>&quot;;

lblname2
= encodeURIComponent(lblname);

var feedlink = &#39;/search/label/&#39; + lblname2+&#39;?&amp;max-results=10&#39;;

document.write(
&#39;&lt;a href=&quot;&#39; + feedlink + &#39;&quot;&gt;&#39;+lblname+&#39;&lt;/a&gt;&#39;);

</script>

၄။ Template ကုိ Save လုပ္လုိက္ပါ။ အဆင္ေျပၾကပါေစခင္ဗ်ာ။


ref:
http://it-traveller.blogspot.com/2009/10/blog-numbered-page-navigation-bar.html