လက္ကိုင္ဖုန္းနဲ႔ ဘေလာ့ဂ္ ဖတ္လို႔ရေအာင္ (Mobile Blogging)

ဘေလာ့ဂင္းနဲ႔ ပတ္သက္ၿပီး ပို႔စ္ေတြ မေရးျဖစ္တာလည္း အေတာ္ေလးကုိ ၾကာသြားပါၿပီ။ အဓိက အေၾကာင္းအရင္းကေတာ့ က်ေနာ္ စာမဖတ္ႏိုင္တဲ့ ျပႆနာပါ။ ဒီမနက္ နည္းနည္း အားေနတာနဲ႔ ႏိုင္ငံျခား ဘေလာ့ဂ္ေတြ လုိက္ဖတ္ လိုက္ေလ့လာရင္း လုပ္ခ်င္တာေလး တစ္ခု သြားေတြ႕လို႔ စမ္းသပ္ရင္း ပို႔စ္တင္မယ္လို႔ စိတ္ကူးရသြားပါတယ္။ အဲဒါ က်ေနာ္တို႔ရဲ႕ ဘေလာ့ဂ္ပို႔စ္ေတြကို လက္ကိုင္ဖုန္းကေန ဖတ္လို႔ ရေအာင္ လုပ္ျခင္းပါ။ လက္ရွိ ဘေလာ့ဂ္ စာမ်က္ႏွာအတုိင္း ဆိုရင္ လက္ကိုင္ဖုန္းကေန ဖတ္လို႔ မရပါဘူး။ ဒါေၾကာင့္ မ်က္ႏွာျပင္က်ဥ္းတဲ့ လက္ကုိင္ဖုန္းကေန ဖတ္လို႔ရေအာင္ လုပ္ေပးဖို႔ လိုပါတယ္။ ဟို အရင္ကေတာ့ အဲဒီလို လုပ္ဖို႔အတြက္ သီးသန္႔ တစ္ခုခ်င္းစီ ျပန္ျပင္ရမယ္လို႔ ထင္ထားခဲ့တာပါ။ ဒီေန႔ Tech Dreams ရဲ႕ ပုိ႔စ္တစ္ပုဒ္ကို ဖတ္ၿပီးမွ အေတာ္ေလး လြယ္ကူမွန္း သိလုိက္ရတယ္။ က်ေနာ္ အေနနဲ႔ အရင္တုန္းက အေျခအေနနဲ႔ဆို အခုလို Mobile Blog လုပ္ဖို႔ စိတ္ကူး ရွိမွာ မဟုတ္ပါဘူး။ အခုေတာ့ Zawgyi နဲ႔ တျခား Unicode Font တခ်ဳိ႕ကို လက္ကုိင္ဖုန္းေတြမွာ ထည့္သြင္းလို႔ ရလာတာ ေတြ႕ရေတာ့ ကိုယ္ရဲ႕ ဘေလာ့ဂ္ကို လက္ကိုင္ဖုန္းနဲ႔ ဖတ္လို႔ရရင္ ေကာင္းေလစြလို႔ ဆႏၵ ျဖစ္မိတာေၾကာင့္ အေကာင္အထည္ ေဖာ္လိုက္ပါတယ္။ ဒါေပမယ့္ တကယ္တမ္းဆို က်ေနာ္တို႔ ျမန္မာႏိုင္ငံကေန လက္ကိုင္ဖုန္းနဲ႔ အင္တာနက္ သံုးလို႔ မရေသးတာေၾကာင့္ အခုလို Mobile Blog က အသံုးမတည့္ေပမယ့္ ႏိုင္ငံျခားေရာက္ ျမန္မာေတြအတြက္ လြယ္လင့္တကူ ဖတ္႐ႈႏုိင္ေအာင္ ဆိုတဲ့ ရည္ရြယ္ခ်က္နဲ႔ အခုလို Mobile friendly Blog လုပ္နည္းကို တင္ျပေပးလိုက္ပါတယ္။ ကဲဗ်ာ က်ေနာ္တို႔ စၿပီး ေလ့လာလုိက္ရေအာင္။

Mofuse အေၾကာင္း
Mofuse ဆုိတာ က်ေနာ္တို႔ရဲ႕ ဘေလာ့ဂ္ (သို႔မဟုတ္) တျခား ဝက္ဆိုဒ္ေတြကို လက္ကိုင္ဖုန္းမွာ အဆင္ေျပေျပ ဖတ္လို႔ရေအာင္ ျပဳျပင္ေပးတဲ့ ဝန္ေဆာင္မႈကို အခမဲ့ လုပ္ေဆာင္ေပးေနတဲ့ Web service တစ္ခုပါ။ Mofuse ကို အသံုးျပဳၿပီး iPhone (သို႔) တျခား လက္ကိုင္ဖုန္းမွာ အဆင္ေျပေျပ ဖတ္ႏိုင္မယ့္ အင္တာနက္ စာမ်က္ႏွာအျဖစ္ ေျပာင္းလဲေပးပါတယ္။ နာမည္ေက်ာ္ၾကားေနတဲ့ Digital Inspiration, LiveSide နဲ႔ ReadWriteWeb တို႔လို ဘေလာ့ဂ္ေတြကေတာင္ ဒီဝန္ေဆာင္မႈကို သံုးၿပီး သူတို႔ကိုယ္တုိင္ ၫႊန္းထားတာဆိုေတာ့ မေကာင္းဘဲ ဘယ္ေနမလဲဗ်ာ။ အေကာင္းတကာ့ အေကာင္းဆံုးကေတာ့ အလကားရလို႔ဗ်။

Mobile Blog ဖန္တီးျခင္း
လုပ္ေဆာင္ရမယ့္ လုပ္ငန္းစဥ္ကို အဆင့္ေတြနဲ႔ ခြဲျခား တင္ျပသြားပါ႔မယ္။

၁။ www.mofuse.com ကို ဝင္ၿပီး Account အသစ္တစ္ခု ဖန္တီးလိုက္ပါ။ အီးေမးလ္ လိပ္စာနဲ႔ စကားဝွက္တစ္ခု ေတာင္းၿပီး အလြယ္တကူနဲ႔ ၿပီးစီးသြားပါလိမ့္မယ္။ အေကာင့္အသစ္ လုပ္ၿပီးတာနဲ႔ တၿပိဳင္နက္တည္း Login အလုိအေလ်ာက္ လုပ္သြားပါလိမ့္မယ္။

၂။ စာမ်က္ႏွာရဲ႕ ဘယ္ဘက္ Sidebar မွာ Launch a Mobile Site ဆိုတဲ့ လင့္ခ္ကို ကလစ္ႏွိပ္ေပးပါ။ Launch a New Mobile Site ဆိုတဲ့ ေခါင္းစဥ္နဲ႔ စာမ်က္ႏွာ တက္လာပါလိမ့္မယ္။


၃။ အထက္ပံုကအတုိင္း အဆင့္ (၁) မွာ ဆုိရင္
Site Name => ကိုယ္ ႀကိဳက္ႏွစ္သက္တဲ့ နာမည္ကို ေပးလို႔ရပါတယ္။
Site ID (URL) => ကိုယ္ ႀကိဳက္ႏွစ္သက္ရာ လိပ္စာ တစ္ခု ေရြးေပးပါ။ ကိုယ္ေပးတဲ့ လိပ္စာ လုပ္ထားၿပီးသား မရွိရင္ Site ID is good ဆိုတာ ေပၚလာပါလိမ့္မယ္။ တကယ္လို႔ မေပၚရင္ အသစ္ျပန္ေရြးရမွာေပါ႔။
Category မွာေတာ့ ဘေလာ့ဂ္အမ်ဳိးအစား ေရြးေပး႐ံုပါ။


၄။ အထက္ပံုက အတုိင္း အဆင့္ (၂) မွာ ဆိုရင္
RSS Feed Title => ဒါကေတာ့ ထံုးစံအတိုင္း နာမည္တစ္ခု ေပး႐ံုပါ။
RSS Feed URL => ကိုယ့္ ဘေလာ့ဂ္ရဲ႕ RSS feed လိပ္စာကို ထည့္ေပးရမယ္။ က်ေနာ္ နမူနာထည့္ျပထားတာက က်ေနာ္ရဲ႕ ဘေလာ့ဂ္ Feed ပါ။ http://pikay.myanmarbloggers.org/feeds/posts/default ဆိုတဲ့ အထဲက pikay.myanmarbloggers.org မွာ ကိုယ္ရဲ႕ ဘေလာ့ဂ္ လိပ္စာ ထည့္လိုက္ရင္ကို အဆင္ေျပပါၿပီ။ လိပ္စာ မွန္ရင္ RSS Feed URL is Valid လို႔ ေပၚလာပါလိမ့္မယ္။ မေပၚရင္ေတာ့ တစ္ခုခု မွားေနၿပီေပါ႔။ တခ်ဳိ႕က် FeedBurner လို ဝန္ေဆာင္မႈမ်ဳိး သံုးၿပီး Feeding လုပ္ၾကပါတယ္။ ဒါဆိုလည္း သူေပးထားတဲ့ လိပ္စာကို ထည့္လို႔ရပါတယ္။

၅။ အဆင့္ (၃) မွာ သူတုိ႔ရဲ႕ သေဘာတူညီခ်က္ကို ေထာက္ခံတဲ့အေနနဲ႔ အမွန္ျခစ္ ျခစ္ေပးရမွာ ျဖစ္ပါတယ္။ ၿပီးရင္ Launch Your Mobile Site ဆိုတဲ့ ခလုတ္ကို ႏွိပ္လိုက္ရင္ အားလံုး ၿပီးဆံုး သြားပါၿပီ။ ဘယ္လို ပံုစံ ေပၚမလဲဆိုတာ နမူနာ ၾကည့္ၾကည့္ခ်င္ရင္ေတာ့ အဆင့္ (၁) မွာ တုန္းက ေပးထားတဲ့ လိပ္စာ (ဥပမာ http://pkmobile.mofuse.mobi) ကို Browser မွာ ႐ိုက္ထည့္ၿပီး စမ္းၾကည့္ႏိုင္ပါတယ္။

ကိုယ္ပိုင္ ဒိုမိန္းအျဖစ္ ေျပာင္းလဲျခင္း
အခုဆုိရင္ လက္ကုိင္ဖုန္းကေန က်ေနာ္တို႔ရဲ႕ ဘေလာ့ဂ္ကို ေခၚၿပီး ဖတ္႐ႈလို႔ရပါၿပီ။ ဖတ္ခ်င္တဲ့ သူက အင္တာနက္ လိပ္စာ အျဖစ္ အဆင့္ (၁) မွာ ကိုယ့္ဖာသာ ျဖည့္ထည့္ထားတဲ့ လိပ္စာ (ဥပမာ http://pkmobile.mofuse.mobi) နဲ႔ ဖတ္လို႔ ရပါၿပီ။ mofuse.mobi ဆုိတဲ့ ဒိုမိန္းက Mofuse ရဲ႕ ကိုယ္ပိုင္ဒိုမိန္းပါ။ တကယ္လို႔ က်ေနာ္တို႔မွာ ကိုယ္ပိုင္ ဒိုမိန္းတစ္ခု ရွိရင္ လိပ္စာကုိလည္း ကိုယ္ပိုင္ ဒိုမိန္းနဲ႔ ျဖစ္ခ်င္သပါ႔ ဆုိရင္လည္း လုပ္လုိ႔ရေအာင္ Mofuse ရဲ႕ ဝန္ေဆာင္မႈ အျဖစ္ ထည့္ေပးထားတယ္။ ဒါေၾကာင့္လည္း လြယ္လင့္တကူ ကိုယ္ပိုင္ ဒိုမိန္းနဲ႔ လိပ္စာကို ပိုင္ဆုိင္ႏိုင္ပါတယ္။ အဆင့္ ၂ ဆင့္တည္းနဲ႔ လြယ္လြယ္ကူကူ ေျပာင္းလို႔ ရပါတယ္။ ဥပမာ က်ေနာ္အေနနဲ႔ လိပ္စာကို http://pkmobile.mofuse.mobi အစား http://mobi.pikay.org ျဖစ္ခ်င္တယ္ ဆိုၾကပါစို႔။

၁။ MoFuse.com စာမ်က္ႏွာရဲ႕ ညာဘက္မွာ Custom Domain ဆိုတဲ့ လင့္ခ္ ရွိပါတယ္။ အဲဒါကုိ ကလစ္ႏွိပ္ၿပီး က်ေနာ္တုိ႔ လိုခ်င္တဲ့ ဒိုမိန္းလိပ္စာ ေျပာင္းၾကရေအာင္။


အထက္က ပံုအတုိင္း ေပၚလာၿပီ ဆုိရင္ ကြက္လပ္ ေနရာမွာ က်ေနာ္တို႔ လုိခ်င္တဲ့ ေျပာင္းခ်င္တဲ့ လိပ္စာေလး ( ဥပမာ mobi.pikay.org ) ႐ိုက္ထည့္ေပးပါ။ ၿပီးရင္ Save ခလုတ္ ႏွိပ္လိုက္ရင္ pkmobile.mofuse.mobi ကေန mobi.pikay.org အျဖစ္ ေျပာင္းလဲသြားပါၿပီ။ ဒါေပမယ့္ တကယ္ အလုပ္လုပ္ႏိုင္ဖို႔ ဒုတိယအဆင့္ကိုလည္း ဆက္လုပ္ရပါဦးမယ္။

၂။ ဒီအဆင့္မွာက က်ေနာ္တို႔ လုိခ်င္တဲ့ ဒိုမိန္းရဲ႕ DNS Setting ကို ဝင္ျပင္ေပးရပါမယ္။ က်ေနာ္တို႔ ဒိုမိန္းကို ဝယ္တဲ့ေနရာ မတူတာေၾကာင့္ ဘယ္ပံု ဘယ္နည္း သြင္းရမလဲဆိုတာ တစ္ခုနဲ႔ တစ္ခု မတူႏုိင္ပါဘူး။ Domain Controller Service ေတြျဖစ္တဲ့ Enom, GoDaddy, Dreamhost စတာေတြရဲ႕ WebSite အျပင္အဆင္ေပၚ မူတည္ၿပီး ကြဲျပား သြားပါတယ္။ ဒါေပမယ့္ ထည့္သြင္းရမွာကေတာ့ CName Record တစ္ခု အသစ္ထည့္ေပးဖို႔ပါပဲ။ က်ေနာ္ရဲ႕ ဒိုမိန္းက pikay.org ပါ။ ဝယ္ထားတာ Enom ဆီက။ က်ေနာ္ အသစ္ထည့္ခ်င္တဲ့ subdomain နာမည္က mobi ပါ။ ဒါေၾကာင့္ CName Record အသစ္တစ္ခု တည္ေဆာက္ၿပီး mobi နာမည္နဲ႔ pkmobile.mofuse.mobi. ဆီကို ၫႊန္လိုက္ရင္ အိုေကပါၿပီ။

mobi <===> CNAME <===> pkmobile.mofuse.mobi.
ကုိယ္ပုိင္ ဒိုမိန္းကို Setting မျပင္ဖူးတဲ့ သူအေနနဲ႔ အေတာ္ေလး အခက္ေတြ႕မယ္ ထင္ပါတယ္။ မျမင္ဖူးလို႔ မူးျမစ္ထင္တာပါ။ တကယ္တမ္း လုပ္ၾကည့္လိုက္ရင္ လြယ္လြယ္ေလး ဆိုတာ ေတြ႕ပါလိမ့္မယ္။ မလုပ္တတ္ရင္လည္း ျပႆနာ မရွိပါဘူး။ သူ နဂိုေပးထားတဲ့ လိပ္စာ ျဖစ္တဲ့ http://pkmobile.mofuse.mobi နဲ႔ သံုးလည္း အဆင္ေျပေနတာပါပဲ။ ကိုယ္ပိုင္ ဒိုမိန္းနဲ႔ ဆိုေတာ့ ၾကည့္ရတာ ပသာဒ ျဖစ္တာေပါ႔။ ဒါပါပဲ။ သူမ်ားကို လိပ္စာေပးရင္ အဆင္ေျပတာေပါ႔။ http://mobi.pikay.org ဆိုေတာ့ မွတ္လို႔ လြယ္သလားပဲ။ ကိုယ္ပိုင္ ဒိုမိန္းအျဖစ္နဲ႔ ေျပာင္းတာ နာမည္ေလး ေျပာင္းသြား႐ံုထက္ ဘာမွ မပိုပါဘူး။

အိုေကဗ်ာ။ ဒီေလာက္ဆိုရင္ ကိုယ္ရဲ႕ ဘေလာ့ဂ္ကို လက္ကိုင္ဖုန္းနဲ႔ အဆင္ေျပေျပ ဖတ္ႏိုင္ဖို႔ လုပ္တဲ့ အဆင့္ေတြ ၿပီးသြားပါၿပီ။ ဒီမွာ ေျပာစရာ နည္းနည္း ရွိလာပါတယ္။

၁။ အပြင့္လင္းဆံုး ေျပာရရင္ က်ေနာ္ လုပ္တာ လုပ္ထားၾကည့္တယ္။ တကယ္တမ္း ဖုန္းနဲ႔ ဖတ္လို႔ ရမရ ကိုယ္တိုင္ မစမ္းၾကည့္ရေသးပါဘူး။ အဆင္ေျပမယ္လို႔ ယူဆလို႔ တင္ျပလိုက္တာပါ။
၂။ လက္ကိုင္ဖုန္းမွာ ဖတ္လို႔ရတယ္ ဆုိေပမယ့္ ဖုန္းေပၚမွာ ေပၚတဲ့ အျပင္အဆင္ကိုေတာ့ ခံတြင္းမေတြ႕ပါဘူး။ ႐ိုး႐ိုးရွင္းရွင္းႀကီး ျဖစ္ေနတယ္။ ဒီထက္ အျပင္အဆင္ ေကာင္းတဲ့ လုပ္နည္း ေတြ႕လာရင္ ထပ္ၿပီး ေဝမွ် ေပးပါဦးမယ္။
၃။ အခု MoFuse.com ရဲ႕ လုပ္ေဆာင္ခ်က္မွာ အခရာ က်တာက RSS Feeds ပါ။ ဒါေၾကာင့္ RSS Feeds ထြက္တဲ့ ဘယ္လို WebSite မ်ဳိးမဆို MoFuse ကုိ သံုးၿပီး ေျပာင္းလုိ႔ ရပါတယ္။ RSS Feeds က အခရာ က်တဲ့ အတြက္ေၾကာင့္လည္း တကယ္လို႔ တခ်ဳိ႕ ဘေလာ့ဂ္ေတြမွာ RSS ကို ပိတ္ထားမယ္ဆိုရင္ ေျပာင္းလို႔ရမွာ မဟုတ္ပါဘူး။ Blogger.com မွာ Site Feed ကို သံုးမ်ဳိးေရြးခ်ယ္လို႔ ရပါတယ္။ None, Short, Full ဆုိၿပီး သံုးမ်ဳိး ရွိတဲ့ အထဲကမွ Site Feed => Full ကို ေရြးထားတဲ့ ဘေလာ့ဂ္ေတြမွ လက္ကိုင္ဖုန္းနဲ႔ စာအကုန္ ဖတ္လို႔ရပါလိမ့္မယ္။
၄။ ဘေလာ့ဂ္ေတြ ေရးၾကတဲ့ အခါမွာ Blogger.com နဲ႔ WordPress.org အသံုးမ်ားတာ လူတိုင္း သိၿပီးမွာပါ။ အဲဒီ ႏွစ္ခုမွာ WordPress.org အားသာတဲ့ အခ်က္ တစ္ခ်က္ ရွိပါတယ္။ ကြန္ျပဴတာနဲ႔ ဖတ္ေနၾက ဘေလာ့ဂ္ လိပ္စာကို လက္ကိုင္ဖုန္းနဲ႔ ေခၚၾကည့္မယ္ဆိုရင္ Blogger.com သမားေတြအတြက္ အဆင္ေျပမွာ မဟုတ္ပါဘူး။ အထက္က နည္းအတုိင္း ေျပာင္းထားတဲ့ လိပ္စာနဲ႔ ေခၚမွ အဆင္ေျပပါလိမ့္မယ္။ ဒါေပမယ့္ WordPress သမားေတြ အတြက္ေတာ့ လိပ္စာကို အေဟာင္းနဲ႔ပဲ ေခၚေပမယ့္ PC နဲ႔ ၾကည့္ရင္ PC Version ဖြင့္ေပးၿပီး Mobile နဲ႔ ဆိုရင္ Mobile Version အေနနဲ႔ သူ႔ အလိုအေလ်ာက္ သင့္ေလ်ာ္ရာ Web Site ကို ေျပာင္းလဲေပးပါတယ္။

အဆင္ေျပၾကမယ္လို႔ ေမွ်ာ္လင့္ပါတယ္။ မရွင္းတာရွိလဲ အားမနာတမ္း မန္႔ခဲ့ၾကပါဦး။

Yahoo Pipe ျဖင့္ Blog list တစ္ခု ဖန္တီးျခင္း

Acknowledgement :

တစ္ေန႔က မ်က္လံုးနဲ႔ လက္ဘက္ရည္ဆိုင္ ထိုင္ၾကရင္း ဘေလာ့ဂ္အေၾကာင္း ေျပာၾကရင္းနဲ႔က Blog List အေၾကာင္း ေရာက္သြားခဲ့တယ္။ က်ေနာ္ Blogger ရဲ႕ Blog List လုပ္ရတာ သိပ္ဘဝင္မက်တဲ့အေၾကာင္း ေျပာျပေတာ့ မ်က္လံုးက Blog List ကို စိတ္တိုင္းက် လုပ္ခ်င္သလို လုပ္လုိ႔ရေၾကာင္း နည္းလမ္း ဖတ္ဖူးေၾကာင္း ေျပာေတာ့ က်ေနာ္ အရမ္း ဝမ္းသာသြားတယ္။ ဒါနဲ႔ သူ႔ကို ေမးၾကည့္ေတာ့ အတိအက်ေတာ့ သူလည္း ေမ့ေနၿပီ။ WeSheMe ေရးထားတာကို DeGoLar က ျပန္ၫႊန္းေရးထားတာေတာ့ မွတ္မိတယ္လို႔ ေျပာပါတယ္။ WeSheMe ေရးထားတာေတာ့ ၾကာၿပီ။ DeGoLar ေရးထားတာေတာ့ ႏွစ္လေလာက္ပဲ ရွိေသးတယ္တဲ့။ ဒါနဲ႔ က်ေနာ္လည္း အိမ္ျပန္ေရာက္တာနဲ႔ DeGoLar ရဲ႕ ဘေလာ့ဂ္ကို ေျပးၿပီး အဲဒီပို႔စ္ကို ရွာဖတ္ပါေတာ့တယ္။ သူ႔ပို႔စ္မွာ အတိအက် ရွင္းမျပထားတာေၾကာင့္ သူျပန္ၫႊန္းထားတဲ့ WeSheMe ရဲ႕ ပို႔စ္ကို ထပ္ေျပးဖတ္လိုက္မိတယ္။ က်ေနာ္ စမ္းၾကည့္လိုက္ေတာ့ အေတာ္ေလး အဆင္ေျပၿပီး လုပ္ခ်င္သလို လုပ္လို႔ရတာ ေတြ႕ရေတာ့ အေတာ္ေလး ဝမ္းသာသြားတယ္။ ဒါေပမယ့္ ဘာလို႔ ဘေလာ့ဂ္ေတြမွာ မေတြ႕ရတာလဲလို႔ ျပန္ေတြးမိၿပီး လုပ္နည္း ျပန္တင္လိုက္ဦးမယ္လို႔ စိတ္ကူးလိုက္မိတယ္။ ဒီပို႔စ္ျဖစ္ေျမာက္ဖို႔ အဓိက WeSheMe နဲ႔ DeGoLar ကို ေက်းဇူးတင္သလိုပဲ ၫႊန္ျပေပးတဲ့ သယ္ရင္း မ်က္လံုးကိုလည္း အထူးအထူး ေက်းဇူးတင္ေၾကာင္း …..

Yahoo Pipe ရဲ႕ အားသာခ်က္က က်ေနာ္တို႔ ထည့္ခ်င္သေလာက္ Feed အေရအတြက္ ထည့္လို႔ရပါတယ္။ ေနာက္ၿပီး တစ္ဘေလာ့ဂ္ကို တစ္ပို႔စ္ပဲ ေပၚခ်င္တယ္။ ဒါမွမဟုတ္ ၅ ပို႔စ္ ျပခ်င္တယ္ ဆိုၿပီး ႀကိဳက္သလို စီမံလို႔ရသလိုပဲ၊ ႀကီးစဥ္ငယ္လိုက္လား ငယ္စဥ္ႀကီးလိုက္လား အဆင္ေျပသလို စီလို႔ရတယ္။ ရက္စြဲနဲ႔ စီမလား၊ ေခါင္းစဥ္နဲ႔ စီမလား၊ ဘေလာ့ဂါနာမည္နဲ႔ စီမလား ႀကိဳက္သလို ႀကီးစဥ္ငယ္လိုက္ စီလို႔ ရသဗ်ာ။ ေနာက္ၿပီး Programming အနည္းအက်ဥ္း နားလည္တဲ့သူအတြက္ အေတာ္ေလး ကလိလို႔ေကာင္းေၾကာင္း ေထာက္ခံပါရေစ။ အဓိက ႀကိဳက္တဲ့အခ်က္က Idea ကြန္႔ျမဴးရင္ ကြန္႔ျမဴးသေလာက္ လုပ္ႏိုင္တယ္လို႔ ေျပာရင္း ဘယ္လို လုပ္ရမလဲ ဆိုတာကို စေျပာၾကရေအာင္။

က်ေနာ္ ထံုးစံအတိုင္း ေလ့က်င့္ခန္း တစ္ခုနဲ႔ ရွင္းျပခ်င္ပါတယ္။ မရွင္းျပခင္ သိထားသင့္တာ တခ်ဳိ႕က

  1. အခု ရွင္းျပမယ့္ URL ေတြက Blogspot ကိုပဲ ရည္ၫႊန္းပါတယ္။ WordPress ဆိုရင္ feed က တစ္မ်ဳိးျဖစ္ႏိုင္ပါတယ္။
  2. အ႐ိုးရွင္းဆံုးနဲ႔ အေျခခံကို ျမင္သာေအာင္ ျပခ်င္တာေၾကာင့္ Function မ်ားမ်ားစားစား မထည့္ေတာ့ပါဘူး။ အေျခခံေလာက္ေပါ႔။ က်န္တာ ကိုယ့္ဖာသာ ဆက္ၿပီး ကလိပါေလ။
  3. Yahoo Pipe ဟာ Flow Chart ဆြဲသလို Diagram ပံုနဲ႔ Program တစ္ပုဒ္ ဖန္တီးျခင္းပါ။ လိုခ်င္တဲ့ Function ကို Drag & Drop ဆြဲယူၿပီး ထည့္ေပးရပါမယ္။
  4. Yahoo Pipe မွာ Diagram ပံုတစ္ပံု ဖန္တီးယူၿပီး အဲဒီ Diagram ရဲ႕ result ကုိ Javascript နဲ႔ Blogger မွာ ယူသံုးပါ႔မယ္။

မရွင္းဘူးလား။ ကိစၥ မရွိပါဘူး။ ေအာက္မွာ ေျပာမယ့္ ေလ့က်င့္ခန္းကို တစ္ဆင့္ခ်င္း လိုက္လုပ္ၾကည့္ပါ။

Yahoo Pipe တြင္ Diagram တစ္ခု တည္ေဆာက္ျခင္း


အရင္ဆံုး Yahoo Pipe ကို ေခၚပါ႔မယ္။ သိပ္ေသခ်ာတာေပါ႔။ က်ေနာ္တို႔ အေကာင့္တစ္ခု လုပ္ရမယ္။ တကယ္လို႔ Yahoo Account ရွိၿပီးသားသူ ဆိုရင္ေတာ့ အဲ့အေကာင့္နဲ႔ ဝင္လိုက္ပါ။ Log In လုပ္ၿပီးၿပီဆိုရင္ အေပၚဆံုး Menu မွာ Create a pipe ဆိုတာ ရွိပါတယ္။ ဝင္လိုက္ပါ။ ဒါဆို Diagram Editor က်လာပါမယ္။ ဘယ္ဘက္အျခမ္းကို ၾကည့္လိုက္ပါ။ Sources ရဲ႕ ေအာက္မွာ အေပါင္းလကၡဏာနဲ႔ အမ်ားႀကီး ေတြ႕ရပါမယ္။ က်ေနာ္ရဲ႕ ေလ့က်င့္ခန္းအရ Fetch Feed ကို ေရြးၿပီး ညဘက္က Editor ထဲ ဆြဲထည့္လိုက္ပါ။ ဒါမွမဟုတ္ အေပါင္းလကၡဏာ ႏွိပ္လိုက္ပါ။ က်န္တာေတြက ဘာလဲလို႔ ေမးလာရင္ ပြင့္ပြင့္လင္းလင္း ေျပာပါ႔မယ္။ က်ေနာ္လည္း မသိေသးပါဘူး။ အိုေက Fetch Feed နာမည္နဲ႔ Box တစ္ခု က်လာၿပီး ေအာက္မွာ + URL ဆိုတာေတြ႕ပါမယ္။ သူ႔ေအာက္မွာေတာ့ အႏုတ္လကၡဏာနဲ႔ ေဘးမွာ Text Box တစ္ခု ရွိပါမယ္။ အဲဒီ Text Box ထဲမွာ URL (Blog Address) ထည့္ေပးရမယ္။ ထည့္ထားတာ ဖ်က္ပစ္ခ်င္ရင္ေတာ့ ေဘးနားက အႏုတ္ကို ႏွိပ္လိုက္ပါ။

URL ထည့္တဲ့ အခါမွာ http://pikay.myanmarbloggers.org ဆိုၿပီး ခပ္ရွင္းရွင္း ထည့္လုိက္လို႔ရပါတယ္။ က်ေနာ္က ဒီ ဥပမာမွာ နည္းနည္းေလး ကြန္ခ်င္တယ္။

  1. ပို႔စ္ေတြကို ျပခ်င္တယ္။ /feeds/posts (တကယ္လို႔ ကြန္းမန္႔ေတြပဲ ျပခ်င္ရင္ /feeds/comments)
  2. နဂို သက္မွတ္ထားတဲ့အတုိင္း ပို႔စ္ကို ျပမယ္။ /default
  3. အဲဒီ ဘေလာ့ကေန ေနာက္ဆံုး ႏွစ္ပို႔စ္ပဲ ျပမယ္။ ? max-results=2

ဒီေတာ့ http://pikay.myanmarbloggers.org/feeds/posts/default? max-results=2 ျဖစ္သြားတယ္။ အဲဒီစာအတိုင္း URL Text Box မွာ ထည့္ေပးပါ။
ေနာက္ ဘေလာ့ဂ္တစ္ခု ထပ္ထည့္ခ်င္ေသးရင္ URL ေဘးက + ကို ႏွိပ္လိုက္ပါ။ အိုေက .. က်ေနာ္ ဒီမွာ လင့္ခ္ ငါးခု ထည့္ထားပါတယ္။

က်ေနာ္ လုပ္ခ်င္တာက ခုနက က်ေနာ္ ထည့္ထားတဲ့ ဘေလာ့ဂ္ ငါးခုေၾကာင့္ ပို႔စ္ ၁၀ ပုဒ္ ရလာမယ္။ အဲဒီ ပို႔စ္ ဆယ္ပုဒ္ကို တင္တဲ့ေန႔ေပၚ မူတည္ၿပီး စီခ်င္တယ္။ ေနာက္ဆံုးတင္ထားတဲ့ ပို႔စ္ကို အရင္ဆံုး ျမင္ခ်င္တယ္။ ဒီေတာ့ Sorting လုပ္ရမယ္။
ဘယ္ဘက္က တတိယ ႀတိဂံတုံးေဘးမွာ Operators ဆိုတာ ျမင္ရမယ္ ထင္တယ္။ ႏွိပ္လိုက္ပါ။ က်လာတဲ့ အထဲက ရွစ္ခုေျမာက္မွာ Sort ရွိပါတယ္။ ကလစ္ဖိၿပီး Editor ထဲ ဆြဲသြင္းလုိက္ပါ။ စာဖတ္သူေတြ သတိထားမိမလား မသိဘူး။ ခုနက ေျပာတဲ့ Fetch Feed ဆိုတဲ့ Box ရဲ႕ ေအာက္ဘက္ အလယ္နားမွာ အလံုးေလး တစ္လံုး ရွိပါတယ္။ အခု ထည့္ထားတဲ့ Sort ဆိုတဲ့ Box ရဲ႕ အေပၚနဲ႔ ေအာက္၊ အလယ္မွာလည္း အလံုးေလး တစ္လံုးစီ ရွိပါတယ္။ Pipe Output ဆိုတာရဲ႕ အေပၚပိုင္း အလယ္မွာလည္း အလံုး တစ္လံုး ရွိပါတယ္။ Fetch Feed, Sort, Pipe Output ဆိုၿပီး အထပ္ေအာက္ စီေပးပါ။ ေနာက္ၿပီး Fetch Feed ေအာက္က အလံုးကို ကလစ္ဖိၿပီး မလြတ္ဘဲ ဆြဲလိုက္ရင္ ပိုက္လိုင္းတစ္လိုင္း ပါလာပါလိမ့္မယ္။ အဲဒီ ပိုက္ကို မလြတ္တမ္း Sort ရဲ႕ အေပၚနားက အလံုးထိ ေရာက္ေအာင္ ဆြဲၿပီးမွ လြတ္လိုက္ပါ။ ဒါဆို Fetch Feed နဲ႔ Sort နဲ႔ ဆက္သြားတာ ေတြ႕လိမ့္မယ္။ အဲဒီလုိပဲ Sort နဲ႔ Pipe Output နဲ႔ ဆက္ေပးပါ။ အဲဒီလို ဆက္ၿပီးတာနဲ႔ Sort Box အထဲမွာ စာေတြ ေပၚလာပါလိမ့္မယ္။ + Sort by ရဲ႕ ေအာက္မွာ အႏုတ္လကၡဏာနဲ႔ Combo Box ရွိပါတယ္။ ေဘးနားက ျမားကို ႏွိပ္ၿပီး item.published ကို ေရြးေပးပါ။ တင္ထားတဲ့ ရက္ကို လိုခ်င္လို႔ပါ။ ေနာက္ၿပီး Order ကို descending ေရြးပါ။ ႀကီးစဥ္ငယ္လုိက္ စီခ်င္လို႔။

အိုေက ဒီေလာက္ ဆိုရင္ ပိုက္ဆက္လို႔ ၿပီးသြားပါၿပီ။ အလုပ္ျဖစ္မျဖစ္ အၾကမ္း သိခ်င္ရင္ ပံုရဲ႕ ေအာက္ဘက္မွာ Refresh ဆိုတာ ရွိတယ္။ ႏွိပ္လိုက္လို႔ ပို႔စ္ေခါင္းစဥ္ေတြ ေပၚလာရင္ အလုပ္ျဖစ္ပါၿပီ။ ဒါဆို ညာဘက္ အေပၚက Save ကို ႏွိပ္လိုက္ပါ။ အဆင္ေျပတဲ့ နာမည္ေပးလိုက္ပါ။ Save ၿပီးသြားရင္ေတာ့ အေပၚဘက္ အလယ္မွာ Run Pipe ဆိုတဲ့ လင့္ခ္ကို ႏွိပ္ၿပီး ရလဒ္ကို ၾကည့္လို႔ရပါတယ္။ ရလဒ္ကို ၾကည့္ၿပီး Pipe ျပင္ခ်င္ေသးတယ္ ဆိုရင္ေတာ့ ဘယ္ဘက္ ေအာက္မွာ Edit Source ဆိုတာ ႏွိပ္ၿပီး ဝင္ျပင္ႏုိင္ပါတယ္။ Browser ရဲ႕ Address Bar ကို ၾကည့္လိုက္ပါ။ http://pipes.yahoo.com နဲ႔ စၿပီး ေနာက္နားမွာ ?_id= ဆိုၿပီး အကၡရာ (၂၂) လံုး ေတြ႕ပါလိမ့္မယ္။ အဲဒါ Diagram ID ပါ။ မွတ္ထားေပးပါ။ အိုေက … ဒါဆို ဘေလာ့ဂ္ေပၚ ဘယ္လို တင္မလဲဆိုတာ ဆက္ၾကည့္လိုက္ရေအာင္။

Blog တြင္ Yahoo Pipe ထည့္ျခင္း

ပထမဆံုး အေနနဲ႔ Javascript Function ေတြ သံုးဖို႔အတြက္ အရင္ ေၾကျငာေပးရပါမယ္။ Layout >> Edit HTML ကို သြားၿပီး </head> ရဲ႕ အေပၚနားမွာ ေအာက္က စာေၾကာင္း ႏွစ္ေၾကာင္း ထည့္ေပးပါ။

<script src=’http://h1.ripway.com/phyoekyaw/FeedPeek.js’ type=’text/javascript’/>
<script src=’http://h1.ripway.com/phyoekyaw/Library.js’ type=’text/javascript’/>

ေနာက္ၿပီး Layout >> Page Elements မွာ Add a Gadget ကို ႏွိပ္ၿပီး HTML/Javascript ကုိ ေရြးေပးပါ။ ေနာက္ၿပီး ေအာက္က စာေၾကာင္းကို ကူးထည့္ေပးပါ။

<script src=”http://pipes.yahoo.com/pipes/pipe.run?_id=Mg4ZUoO13RGkz43cbbsjiw&_render=json&_callback=feedPeek”></script>

မွတ္ခ်က္ …. အနီေရာက္ေနရာမွာ အထက္က မွတ္ခုိင္းထားတဲ့ ကိုယ့္ရဲ႕ Diagram ID ကို ထည့္ေပးပါ။ Save လိုက္ၿပီး Blog ကို ဖြင့္ၾကည့္လိုက္ပါ။ အားလံုး အာသီသ ဆႏၵ အလို ေတာင့္တ ေနတဲ့ Blog List တစ္ခု ရလာပါလိမ့္မယ္။

Function တစ္ခုခ်င္းစီ ရွင္းမျပေတာ့တာ က်ေနာ္ မစမ္းၾကည့္ရေသးတာလည္း ပါသလို အဲေလာက္ ရွင္းျပေနစရာ မလိုတဲ့ ဦးေႏွာက္ပိုင္ရွင္ေတြလို႔ ယံုၾကည္ထားလို႔ပါ။ (အဟီး … မေရးခ်င္ေတာ့တာနဲ႔ ေျမႇာက္ပစ္လိုက္ၿပီ) ကိုယ့္ဖာသာပဲ တစ္ခုခ်င္းစီ အားရပါးရ စမ္းၾကည့္ၾကေပေတာ့လို႔ပဲ အားေပးပါရေစ။

အဆင္ေျပပါေစဗ်ာ။

ပို႔စ္အတြင္း၌ မာတိကာ ထည့္ျခင္း

က်ေနာ္တို႔ ပို႔စ္ေရးတဲ့ အခါမွာ တခ်ဳိ႕ပို႔စ္ေတြကို ေခါင္းစဥ္ ခြဲၿပီး ေရးဖို႔ လိုအပ္တဲ့ အခါေတြ ရွိပါတယ္။ အေၾကာင္းအရာ ခပ္မ်ားမ်ားကို တစ္ေနရာတည္း စုေရးမယ္ဆိုရင္ တစ္ခုနဲ႔တစ္ခု မေရာေႏွာေစခ်င္တဲ့ ရည္ရြယ္ခ်က္တဲ့ ေခါင္းစဥ္ေတြ ခြဲထားတတ္ပါတယ္။ တခါတေလ စာဖတ္သူဟာ တခ်ဳိ႕ ေခါင္းစဥ္ကိုပဲ သီးျခား ေရြးၾကည့္ခ်င္တဲ့ စိတ္ကူးမ်ဳိး ေပၚလာတတ္ပါတယ္။ ေပၚလာေပမယ့္လည္း သူ႔ခမ်ာ ပို႔စ္တစ္ခုလံုးကို အစကေန အဲဒီ ေခါင္းစဥ္ေရာက္တဲ့ အထိ ဆြဲခ်ၿပီး ရွာၾကရတယ္။ ဒီအခက္အခဲေတြကို ေက်ာ္လႊားႏိုင္ဖို႔ စာဖတ္သူ လြယ္လင့္တကူ ရွိေစဖို႔ က်ေနာ္တို႔ လိုအပ္ရင္ ပို႔စ္အထဲမွာပဲ မာတိကာ ထည့္ေပးဖို႔ လိုအပ္လာပါတယ္။ က်ေနာ့္ပို႔စ္ရဲ႕ ညာဘက္ကို ၾကည့္ၾကည့္ပါ။ က်ေနာ္ မာတိကာေလး တစ္ခု လုပ္ထားတယ္။ အဲဒီမွာ ေခါင္းစဥ္ေတြကို စီစဥ္တက် စီထားၿပီး ကိုယ္ ေရြးဖတ္ခ်င္တဲ့ ေခါင္းစဥ္ကို ကလစ္ႏွိပ္႐ံုနဲ႔ အဲဒီ ေခါင္းစဥ္ရွိရာကို သူ႔အလိုအေလ်ာက္ ေရႊ႕ေပးသြားပါတယ္။ ဒါေပမယ့္ တစ္ခုရွိတာ အကယ္၍ ပို႔စ္ကို ခ်ံဳ႕ထားမယ္ ဆိုရင္ေတာ့ အဲဒီ မာတိကာက အလုပ္ မလုပ္ပါဘူး။ ဒီအားနည္းခ်က္ေလး ရွိေနေပမယ့္ အသံုးတည့္မယ္လို႔ ယူဆပါတယ္။ က်ေနာ္တို႔ မာတိကာေလး ဘယ္လို လုပ္မလဲဆိုတာ စၿပီး ေဆြးေႏြးၾကရေအာင္။

အဆင့္ (၃) ဆင့္ကို တစ္ခုၿပီး တစ္ခု လုပ္သြားလိုက္ရင္ က်ေနာ္တို႔ လိုခ်င္တဲ့ မာတိကာေလး တစ္ခု ရႏိုင္ပါၿပီ။

အဆင့္ (၁) မာတိကာ ဒီဇိုင္း (CSS) သက္မွတ္ျခင္း

.pullquote
{width: 145px;
background:gold;
color:black;
float: right;
border:1px solid maroon;
font-weight:bold;
line-height:140%;
padding:5px;
margin-top:10px;
margin-left:10px;
}

အထက္က Code ကို Style Sheet မွာ ထည့္ေပးပါ။ Layout ထဲက Edit HTML မွာ ပါတဲ့ <b:skin><![CDATA[ နဲ႔ ]]></b:skin> ၾကားကို Style Sheet လို႔ ေခၚပါတယ္။ Head Section မွာ ရွိပါတယ္။ အက်ယ္ (width)၊ ေနာက္ခံေရာင္ (background)၊ စာလံုးအေရာင္ (color) နဲ႔ ေဘာင္ (border) ကို ကိုယ္ ႀကိဳက္သလို ေျပာင္းလဲ သက္မွတ္ႏုိင္ပါတယ္။

အဆင့္ (၂) မာတိကာ အၫႊန္း ထည့္ျခင္း

ဒီအဆင့္မွာ က်ေနာ္တို႔ မာတိကာ တစ္ခု လက္ေတြ႕ တည္ေဆာက္မွာပါ။ အခု ဒီအဆင့္နဲ႔ ေအာက္ပိုင္း အဆင့္ေတြက ကိုယ္ေရးမယ့္ ပို႔စ္ထဲမွာ ထည့္ေပးရမွာပါ။ Create New Post လုပ္ၿပီး အဲဒီအထဲမွာ သြားေရးၾကမယ္။ ဥပမာေလးနဲ႔ က်ေနာ္ ရွင္းျပသြားပါ႔မယ္။ ဆိုၾကပါစို႔။ က်ေနာ္တို႔ ပို႔စ္မွာ ေခါင္းစဥ္ သံုးခု ရွိမယ္ ဆိုရင္ ေခါင္းစဥ္ (၁) ကို ႏွိပ္လိုက္ရင္ ေခါင္းစဥ္ (၁) ကို ေက်ာ္သြားမယ္ေပါ႔။ က်ေနာ္တို႔ Code ကို ၾကည့္ၾကည့္ရေအာင္။

<p class=”pullquote”>
<span style=”color:maroon;font-size:x-small;”>မာတိကာ</span>
<br>
<a href=”#title1″>ေခါင္းစဥ္ (၁)</a>
<a href=”#title2″>ေခါင္းစဥ္ (၂)</a>
<a href=”#title3″>ေခါင္းစဥ္ (၃)</a>
</p>

အေပၚက Code ေတြကို က်ေနာ္တို႔ မာတိကာ ေပၚခ်င္တဲ့ ေနရာမွာ သြားထည့္ရပါ႔မယ္။ အကယ္၍ ပို႔စ္အေပၚဆံုးမွာ ေပၚခ်င္တယ္ ဆိုရင္ေတာ့ ပို႔စ္တစ္ခု စစေရးတဲ့ ေနရာမွာ ထားေပးပါ။ က်ေနာ့္ ပို႔စ္မွာ ပါတဲ့ မာတိကာဟာ အေပၚဆံုးမွာ ထားထားတာပါ။ ေခါင္းစဥ္ ၁၊ ၂၊ ၃ ေနရာမွာေတာ့ ႀကိဳက္တဲ့ နာမည္ ထည့္လို႔ရပါတယ္။ #title1 ဆိုတာကလည္း သင့္ေလ်ာ္တဲ့ နာမည္တစ္ခု ေရြးေပးႏိုင္တယ္။ ဒီမွာ လြယ္ကူေအာင္လို႔ title1 လို႔ပဲ ေပးထားတယ္။

အဆင့္ (၃) စာကိုယ္တြင္ အၫႊန္း တပ္ျခင္း

ေခါင္းစဥ္ (၁) ကို ႏွိပ္ရင္ ဘယ္ကုိ ေရြ႕ၿပီး သြားေပၚရမလဲ ဆိုတာ က်ေနာ္တို႔ ဒီအဆင့္မွာ သက္မွတ္ပါမယ္။ က်ေနာ္တို႔ အရင္က Post Editor ထဲမွာ ေအာက္မွာ ပါတဲ့ စာေတြကို ဒီအတိုင္း ႐ိုက္ထည့္လိုက္ၾကတယ္။ ဒါ အရင္လို ခပ္႐ိုး႐ိုး လုပ္လိုက္တာပါ။

ေခါင္းစဥ္ (၁)
ဤေနရာတြင္ ေရးသားထားေသာ စာမ်ားသည္ ေခါင္းစဥ္ (၁) ၏ စာကိုယ္ ျဖစ္ပါသည္။

ေခါင္းစဥ္ (၂)
ဤေနရာတြင္ ေရးသားထားေသာ စာမ်ားသည္ ေခါင္းစဥ္ (၂) ၏ စာကိုယ္ ျဖစ္ပါသည္။

ေခါင္းစဥ္ (၃)
ဤေနရာတြင္ ေရးသားထားေသာ စာမ်ားသည္ ေခါင္းစဥ္ (၃) ၏ စာကိုယ္ ျဖစ္ပါသည္။

အခု က်ေနာ္တို႔က မာတိကာထည့္မယ္ ဆိုေတာ့ မာတိကာမွာ ပါတဲ့ အၫႊန္းကို က်ေနာ္တို႔ ၫႊန္ေပးရေတာ့မယ္။ ေခါင္းစဥ္ (၁) ကို ႏွိပ္ရင္ ေခါင္းစဥ္ (၁) ရွိတဲ့ ေနရာကို ၫႊန္ေပးရမယ္။ အဲလို ၫႊန္ႏိုင္ဖို႔ က်ေနာ္တို႔ရဲ႕ ေခါင္းစဥ္ကို ဒီလိုေလး နည္းနည္း ျပင္ေပးရလိမ့္မယ္။

<a href=’YOUR BLOG ADDRESS’ name=’title1′> ေခါင္းစဥ္ (၁) </a>
ဤေနရာတြင္ ေရးသားထားေသာ စာမ်ားသည္ ေခါင္းစဥ္ (၁) ၏ စာကိုယ္ ျဖစ္ပါသည္။

အဲဒီလို ျဖစ္သြားမယ္။ အဲဒီမွာ သတိျပဳရမွာက အဆင့္ (၂) တုန္းက က်ေနာ္တို႔ #title1 လို႔ သံုးထားတာေၾကာင့္ အခု name=’title1′ ျဖစ္ေနတာပါ။ ေခါင္းစဥ္ (၂) အတြက္ ၫႊန္ခ်င္ရင္ေတာ့ name=’title2′ လုပ္ေပးရပါ႔မယ္။

အားလံုးကို ခ်ံဳငံု သံုးသပ္ျခင္း

အထက္က ဥပမာနဲ႔ပဲ က်ေနာ္ Code အားလံုးကို တစ္ၿပိဳင္နက္တည္း ေဖာ္ျပေပးပါ႔မယ္။

.pullquote
{width: 145px; background:gold; color:black; float: right; border:1px solid maroon; font-weight:bold; line-height:140%; padding:5px; margin-top:10px; margin-left:10px; }

အထက္က Code ကို Style Sheet ထဲ ထည့္ေပးပါ။ တစ္ႀကိမ္ပဲ ထည့္ေပးဖို႔ လိုပါတယ္။ ေနာက္ပို႔စ္ေတြ အတြက္ ထပ္ထည့္စရာ မလုိပါဘူး။

Create New Post လုပ္လိုက္ပါ။ ၿပီး Post Editor မွာ ေအာက္ပါ အတိုင္း ကူးထည့္ေပးပါ။ ၿပီးရင္ Publish လုပ္ၾကည့္ပါ။

<p class=”pullquote”>
<span style=”color:maroon;font-size:x-small;”>မာတိကာ</span>
<br>
<a href=”#title1″>ေခါင္းစဥ္ (၁)</a>
<a href=”#title2″>ေခါင္းစဥ္ (၂)</a>
<a href=”#title3″>ေခါင္းစဥ္ (၃)</a>
</p>

နိဒါန္း
နိဒါန္း
နိဒါန္း
နိဒါန္း
နိဒါန္း
နိဒါန္း
နိဒါန္း

<a href=’YOUR BLOG ADDRESS’ name=’title1′> ေခါင္းစဥ္ (၁) </a>
ဤေနရာတြင္ ေရးသားထားေသာ စာမ်ားသည္ ေခါင္းစဥ္ (၁) ၏ စာကိုယ္ ျဖစ္ပါသည္။
အပိုင္း (၁)
အပိုင္း (၁)
အပိုင္း (၁)
အပိုင္း (၁)
အပိုင္း (၁)
အပိုင္း (၁)

<a href=’YOUR BLOG ADDRESS’ name=’title3′> ေခါင္းစဥ္ (၂) </a>
ဤေနရာတြင္ ေရးသားထားေသာ စာမ်ားသည္ ေခါင္းစဥ္ (၂) ၏ စာကိုယ္ ျဖစ္ပါသည္။
အပိုင္း (၂)
အပိုင္း (၂)
အပိုင္း (၂)
အပိုင္း (၂)
အပိုင္း (၂)
အပိုင္း (၂)

<a href=’YOUR BLOG ADDRESS’ name=’title3′> ေခါင္းစဥ္ (၃) </a>
ဤေနရာတြင္ ေရးသားထားေသာ စာမ်ားသည္ ေခါင္းစဥ္ (၃) ၏ စာကိုယ္ ျဖစ္ပါသည္။
အပိုင္း (၃)
အပိုင္း (၃)
အပိုင္း (၃)
အပိုင္း (၃)
အပိုင္း (၃)
အပိုင္း (၃)

xxxxxxxxxxxxxxxxxx

အဆင္ေျပမယ္လို႔ ေမွ်ာ္လင့္ပါတယ္။ မရွင္းတာ ရွိရင္လည္း အားမနာတမ္း လြတ္လြတ္လပ္လပ္ ေမးျမန္းႏိုင္ပါတယ္။


Blogger Template အေၾကာင္း (၂)

ဒီပို႔စ္ကို မဖတ္ခင္ အရင္ ဖတ္ေစခ်င္ေသာ ပို႔စ္
Blogger Template အေၾကာင္း (၁)

(၂) Body Section
ကဲ က်ေနာ္တို႔ Body Section ကို ဆက္ၾကည့္ၾကစို႔။ ဒီအပိုင္းဟာ တန္းပလိတ္ရဲ႕ အႏွစ္သာရပိုင္းပါ။ တကယ္ လုပ္ေဆာင္ခ်က္ေတြ ေရးတဲ့ အပုိင္းလည္း ျဖစ္တယ္။ အေပၚမွာ ေၾကျငာထားတဲ့ အေရာင္ေတြ၊ အရြယ္အစားေတြ၊ ပံုစံေတြကုိ ဘယ္လို အသံုးခ်မယ္၊ ဘယ္လို အေျခအေနမွာ ထုတ္သံုးမယ္ ဆိုတာေတြဟာ ဒီအပိုင္းမွာ ေရးရတာပါ။ Head အပိုင္းက သတ္မွတ္ၿပီး Body အပိုင္းက အေကာင္အထည္ ေဖာ္တာေပါ႔။

<body>
  <div id=’outer-wrapper’>
    <div id=’wrap2′>
      <div id=’header-wrapper’> … </div>
      <div id=’content-wrapper’> … </div>
      <div id=’footer-wrapper’> … </div>
    </div>
  </div>
</body>

အေပၚမွာ ျပထားတဲ့ ပံုစံဟာ Body Section ကို အရွင္းဆံုး ခ်ံဳ႕ထားတာပါ။ ေအာက္က ျပထားတဲ့ ပံုနဲ႔ အပိုင္းက Code နဲ႔ ႏိႈင္းယွဥ္ၾကည့္မယ္ဆိုရင္ နည္းနည္း ပိုရွင္းသြားမယ္ထင္တယ္။

ဒါဆို က်ေနာ္တို႔ အဓိက အပိုင္းႀကီး သံုးပိုင္း ထပ္ရမယ္။ ပထမဆံုး က်ေနာ္တို႔ Header ပိုင္းကို ၾကည့္ၾကည့္ရေအာင္။
<div id=’header-wrapper’>
  <b:section class=’header’ id=’header’ maxwidgets=’1′ showaddelement=’no’>
    <b:widget id=’Header1′ locked=’false’ title=’My Sample Blog (Header)’ type=’Header’>
      x
      x       
    </b:widget>
  </b:section>
</div>
ဒါ header-wrapper ရဲ႕ အတိုခ်ံဳ႕ပံုစံပါ။ က်ေနာ္တို႔ Header မွာ ပံုေတြ (Banner) ထည့္မယ္။ ေခါင္းစဥ္ေရးမယ္။ ဘေလာ့ဂ္အေၾကာင္း အၾကမ္းဖ်င္း (Description) ေရးမယ္။ ဒါေတြဟာ ဒီအပုိင္းမွာ ေရးရပါ႔မယ္။ ပံုမွန္အားျဖင့္ေတာ့ Header အပိုင္းကို ျပဳျပင္ ေျပာင္းလဲေလ့ မရွိပါဘူး။ ဒါေပမယ့္ ဒီမွာ က်ေနာ္ ရွင္းျပစရာ သံုးခု ရွိေနပါတယ္။ ပထမဆံုးက maxwidgets ဆိုတာပါ။ maxwidget ဆိုတာ အမ်ားဆံုး လုပ္လို႔ရမယ့္ widget အေရအတြက္ပါ။ ပံုမွန္အားျဖင့္ maxwidgets က 1 ပါ။ ဒါေပမယ့္ တခ်ိဳ႕ ဘေလာ့ဂ္ေတြမွာ Header ရဲ႕ ေအာက္မွာ Menu ပံုစံ လုပ္ထားတာ ေတြ႕ပါလိမ့္မယ္။ ဒါဆို Header မွာ widget က ႏွစ္ခု ျဖစ္သြားတဲ့ အတြက္ေၾကာင့္ maxwidgets=’2′ လို႔ ေျပာင္းေပးရပါမယ္။ ဒါမွ Header မွာ Banner အျပင္ Menu ကိုပါ ေအာက္ကေန ထည့္လို႔ရမွာ ျဖစ္ပါတယ္။ ေနာက္တစ္ခု ထပ္ရွင္းျပခ်င္တာက showaddelement ပါ။ သူရဲ႕ မူလ ပံုစံအရ showaddelement=’no’ ဆုိတဲ့ အတြက္ေၾကာင့္ Header ရဲ႕ ေအာက္နားေလးမွာ အကြက္တစ္ကြက္နဲ႔ Add a page element ဆိုတာ မေပၚေတာ့ပါဘူး။ Blogger in Draft မွာဆိုရင္ Add a gadget လို႔ မေပၚပါဘူး။ ဒါဆိုရင္လည္း က်ေနာ္တို႔ Page Element အသစ္တိုးလို႔ မရပါဘူး။ တကယ္လို႔ Header မွာ အသစ္ထည့္ခ်င္တယ္ ဆိုရင္ေတာ့ showaddelement=’yes’ လို႔ ေျပာင္းေပးရပါမယ္။ ေနာက္တစ္ခုက b:widget ထဲက locked=’false’ ဆိုတာပါ။ သူကေတာ့ အဲဒီ widget ကို ေရႊ႕လို႔ မရေအာင္ လုပ္တဲ့ သေဘာပါ။ locked=’false’ ဆိုရင္ ထားခ်င္တဲ့ေနရာကုိ ေရႊ႕လို႔ ရတယ္။ ‘true’ ထားလိုက္ရင္ေတာ့ ေရႊ႕လို႔ မရေတာ့ဘူး။

Content အပိုင္းကုိ မေျပာခင္ Footer အပိုင္းကို အရင္ေျပာပါ႔မယ္။ ဘေလာ့္ဂ္ အမ်ားစုရဲ႕ တန္းပလိတ္မွာ Footer မွာ ဘာမွ မရွိပါဘူး။ ဒါေၾကာင့္
<div id=’footer-wrapper’></div>
ဆုိတာပဲ ျမင္ရပါ႔မယ္။ တကယ္လို႔ widget တစ္ခုခု ထည့္ခ်င္ရင္ ၾကားထဲမွာ b:section န႔ဲ b:widget ေတြကို ထပ္ထည့္ေပးရပါမယ္။ showaddelement မွာ yes လုပ္လိုက္ရင္ Page Element ကို ပံုမွန္အတိုင္း Add လုပ္သြား႐ံုပါပဲ။

Content အပိုင္းကေတာ့ အေရးအႀကီးဆံုး အပိုင္း နဲ႔ အဓိကက်တဲ့ အပိုင္း ျဖစ္ေတာ့ အဲဒီထဲက အစိတ္အပိုင္းက နည္းနည္း မ်ားပါတယ္။ ေနာက္ၿပီး ကိုယ္သံုးထားတဲ့ တန္းပလိတ္ အမ်ိဳးအစားေပၚ မူတည္ၿပီး နည္းနည္းေလး ကြဲႏိုင္ပါတယ္။ အခု အေျခခံ နားလည္ႏိုင္ေအာင္ တန္းပလိတ္ တစ္မ်ဳိးကို ဆြဲထုတ္ၿပီး ရွင္းျပပါ႔မယ္။

<div id=’content-wrapper’>
  <div id=’main-wrapper’> … </div>
  <div id=’sidebar-wrapper’> … </div>
</div>

ဒါ Content ပိုင္းကို အတိုဆံုး ျဖစ္ေအာင္ ခ်ံဳ႕ထားတာပါ။ Content မွာလည္း ႏွစ္ပိုင္းေတြ႕ရပါ႔မယ္။ ဒါ 2 Columns Template မို႔ပါ။ 3 Columns Template ဆိုရင္ သံုးခု ျဖစ္သြားႏိုင္ပါတယ္။ အထက္က ပံုကို ျပန္ၾကည့္ရင္ ပံုထဲမွာ ႏွစ္ပိုင္းခြဲေနတာ ေတြ႕ရပါလိမ့္မယ္။ အဲဒီ အထဲက Main အပိုင္းကုိ ဆက္သြားရေအာင္။

<div id=’main-wrapper’>
  <b:section class=’main’ id=’main’ showaddelement=’no’>
    <b:widget id=’Blog1′ locked=’true’ title=’Blog Posts’ type=’Blog’>
      x
      x
    </b:widget>
  </b:section>
</div>

ဒီေနရာဟာ က်ေနာ္တို႔ ေရးသမွ် ပို႔စ္ေတြ ေပၚမယ့္ ေနရာပါ။ အခု ျမင္ရသေလာက္ဟာ header-wrapper နဲ႔ ဘာမွ မထူးပါဘူး။ အေသးစိတ္ကိုေတာ့ ေနာက္ပိုင္းမွ ရွင္းျပပါ႔မယ္။

<div id=’sidebar-wrapper’>
  <b:section class=’sidebar’ id=’sidebar’ preferred=’yes’>
    <b:widget id=’HTML1′ locked=’true’ title=” type=’HTML’/>
    <b:widget id=’BlogArchive1′ locked=’false’ title=’Blog Archive’ type=’BlogArchive’/>
    <b:widget id=’Label1′ locked=’false’ title=’My Label’ type=’Label’/>
    <b:widget id=’LinkList1′ locked=’false’ title=” type=’LinkList’/>
  </b:section>
</div>

ဒီအပိုင္းမွာ က်ေနာ္တို႔ ထည့္သမွ် Widget ေတြ အလုပ္လုပ္မယ့္ ေနရာပါ။ အထက္က Code ကို ၾကည့္ရင္ျဖင့္ ဒီ ဘေလာ့ဂ္ရဲ႕ Sidebar မွာ Widget ေလးခု ရွိပါတယ္။ HTML Widget, Blog Archive Widget, Label Widget နဲ႔ LinkList Widget တစ္ခုစီ ပါပါတယ္။ ဒါ က်ေနာ္တို႔ အတိုဆံုး ခ်ံဳ႕ၾကည့္လိုက္တာပါ။

ဘေလာ့တစ္ခုရဲ႕ တန္းပလိတ္မွာ ပါတဲ့ အစိတ္အပိုင္းက ဒါအကုန္ပါပဲ။ အထက္က ရွင္းျပခဲ့သမွ်ကုိ တစ္စစီ ျပန္စုၿပီး ၾကည့္မယ္ဆိုရင္ ေအာက္က ပံုစံအတုိင္း ရလာပါလိမ့္မယ္။

<?xml version=”1.0″ encoding=”UTF-8″ ?>
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
<html xmlns=’http://www.w3.org/1999/xhtml’ xmlns:b=’http://www.google.com/2005/gml/b’ xmlns:data=’http://www.google.com/2005/gml/data’ xmlns:expr=’http://www.google.com/2005/gml/expr’>
<head>
<b:include data=’blog’ name=’all-head-content’/>
<title><data:blog.pageTitle/></title>
<b:skin>
  <![CDATA[  ………….. ]]>
</b:skin>
<————— Javascript ! Put here.
</head>
<body>
  <div id=’outer-wrapper’>
    <div id=’wrap2′>
      <div id=’header-wrapper’>
        <b:section class=’header’ id=’header’ maxwidgets=’1′ showaddelement=’no’>
          <b:widget id=’Header1′ locked=’false’ title=’My Sample Blog (Header)’ type=’Header’>
            x
            x
          </b:widget>
        </b:section>
      </div>
      <div id=’content-wrapper’>
        <div id=’main-wrapper’>
          <b:section class=’main’ id=’main’ showaddelement=’no’>
            <b:widget id=’Blog1′ locked=’true’ title=’Blog Posts’ type=’Blog’>
              x
              x
            </b:widget>
          </b:section>
        </div>
        <div id=’sidebar-wrapper’>
          <b:section class=’sidebar’ id=’sidebar’ preferred=’yes’>
            <b:widget id=’HTML1′ locked=’true’ title=” type=’HTML’/>
            <b:widget id=’BlogArchive1′ locked=’false’ title=’Blog Archive’ type=’BlogArchive’/>
            <b:widget id=’Label1′ locked=’false’ title=’My Label’ type=’Label’/>
            <b:widget id=’LinkList1′ locked=’false’ title=” type=’LinkList’/>
          </b:section>
        </div>
      </div>
      <div id=’footer-wrapper’></div>
    </div>
  </div>
</body>
</html>

ဒီထက္ ပို ခ်ံဳ႕ၾကည့္မယ္ဆိုရင္ ဒီလို ျမင္ႏိုင္ပါတယ္။

  1. Head Section
    • Title
    • CSS Code
    • JS Code Definition
  2. Body Section
  3. Outer Wrapper

    • Header Wrapper
    • Content Wrapper
      • Main Wrapper
      • Sidebar Wrapper
    • Footer Wrapper
အခု ရွင္းျပထားသေလာက္ မရွင္းတာ ရွိမယ္ဆိုရင္ ကြန္းမန္႔ထဲမွာ ေမးျမန္ႏိုင္ပါတယ္။ အားမနာပါနဲ႔။ လြတ္လြတ္လပ္လပ္ ေမးႏိုင္ပါတယ္။ အစစအရာရာ အဆင္ေျပပါေစဗ်ာ။

ဆက္လက္ ေဖာ္ျပပါမည္။


Blogger Template အေၾကာင္း (၁)

တကယ္တမ္းေတာ့ ဘေလာ့ဂါရဲ႕ တန္းပလိတ္ကို နားလည္ဖို႔ သိပ္မခက္ပါဘူး။ ဘာလို႔လဲ ဆိုေတာ့ သူက က်ေနာ္တို႔ နားလည္လြယ္တဲ့ စကားလံုးေတြကို သံုးထားလို႔ပါ။ ဥပမာ b:if ဆုိရင္ အေျခအေန စစ္ေဆးတဲ့ေနရာမွာ သံုးတယ္။ b:loop ဆုိရင္ ထပ္ခါ ထပ္ခါ လုပ္ရမယ့္ ေနရာမ်ိဳးေတြမွာ သံုးတယ္။ ဒါ သာမန္ အဂၤလိပ္ အသံုးအႏႈန္းနဲ႔ သိပ္မကြာဘူး။ တကယ္လို႔ စာဖတ္သူဟာ HTML အေၾကာင္း တီးမိ ေခါက္မိ ရွိရင္ေတာ့ တန္းပလိတ္တစ္ခုကို ျပင္ဖုိ႔ နားလည္ဖို႔ မခက္ေတာ့ပါဘူး။ ေနာက္ၿပီး CSS အေၾကာင္းနဲ႔ Javascript အေၾကာင္း အနည္းအက်ဥ္း နားလည္မယ္ဆိုရင္ေတာ့ ဘေလာ့ဂ္ လုပ္ရတာ အေတာ္ေလး အဆင္ေျပ လြယ္ကူသြားမယ္။ က်ေနာ္ ဒီေနရာကေန Blogger Template မွာ ပါတဲ့ အစိတ္အပိုင္းေတြကို နည္းနည္း ရွင္းျပခ်င္တယ္။ အခု စာဖတ္သူကို အေျခခံက်က် ရွင္းျပႏုိင္ဖို႔ ႀကိဳးစားၾကည့္ပါ႔မယ္။ တခ်ိဳ႕ ေနရာေတြမွာ အေသးစိတ္ရွင္းဖုိ႔ မလိုအပ္ရင္ ေက်ာ္သြားမွာပါ။ အတြင္းက်က် လိုက္ရွင္းေနရင္ ႐ႈပ္ကုန္မွာလည္း စိုးလို႔ တန္းပလိတ္ရဲ႕ အေျခခံ အလုပ္လုပ္ပံုပဲ ရွင္းျပပါ႔မယ္။ တခ်ိဳ႕ ဘေလာ့ဂါေတြ အေနနဲ႔ တျခားသူ တစ္ဦးဦးက တန္းပလိတ္ ျပင္ေပးေနတယ္ ဆိုေပမယ့္လည္း ဘေလာ့ဂါတစ္ေယာက္ အေနနဲ႔ အေျခခံ အဆင့္ေလာက္ေတာ့ သိထားသင့္တယ္လို႔ ယူဆမိပါတယ္။ အတတ္ႏိုင္ဆံုး တန္းပလိတ္ကို ခ်ံဳ႕ၿပီး တေျဖးေျဖး ခ်ဲ႕ရွင္းျပ သြားပါ႔မယ္။

<?xml version=”1.0″ encoding=”UTF-8″ ?>
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
<html xmlns=’http://www.w3.org/1999/xhtml’ xmlns:b=’http://www.google.com/2005/gml/b’ xmlns:data=’http://www.google.com/2005/gml/data’ xmlns:expr=’http://www.google.com/2005/gml/expr’>
<head> …. </head>
<body> …. </body>
</html>

ဒါ Template ကို အနိမ့္ဆံုး အဆင့္အထိ ခ်ံဳ႕ၾကည့္လိုက္တာပါ။ အဲလို ခ်ံဳ႕လိုက္ေတာ့ အစိတ္အပိုင္း (၂) ခုပဲ က်န္ေတာ့တယ္။
(၁) Head Section နဲ႔
(၂) Body Section ပါ။

(၁) Head Section
က်ေနာ္တို႔ <head> နဲ႔ </head> ၾကားကို Head Section လုိ႔ သတ္မွတ္ပါတယ္။ အဲဒီ အပိုင္းမွာ ဆိုရင္ က်ေနာ္တို႔ သံုးမည့္ ပစၥည္း ပစၥယေတြ သိမ္းဆည္းတဲ့ ေနရာေလးပါ။ Body Section မွာ သံုးမယ့္ လုပ္ေဆာင္ခ်က္ေတြ အတြက္ ဒီေနရာမွာ ေၾကျငာေပးပါ႔မယ္။ ေနာက္ၿပီး တန္းပလိတ္ တစ္ခုလံုးရဲ႕ အသြင္အျပင္၊ ဒီဇိုင္းကုိ ဒီမွာ သတ္မွတ္ရပါတယ္။ Color တို႔၊ Font တို႔၊ စာလံုး အရြယ္အစား၊ အေနအထားေတြကို ဒီေနရာမွာ ေၾကျငာေပးရမွာပါ။ ဒီ အပိုင္းကိုလည္း က်ေနာ္တို႔ နားလည္လြယ္ေအာင္ အစိတ္အပိုင္း သံုးပိုင္း ထပ္ခဲြလို႔ ရပါတယ္။
<head>
<b:include data=’blog’ name=’all-head-content’/>
<title><data:blog.pageTitle/></title>
<b:skin>
   <![CDATA[  ………….. ]]>
</b:skin>
<————— Javascript ! Put here.
</head>

ပထမဆံုး အနီေရာင္နဲ႔ ျပထားတဲ့ အပိုင္းက Title ပိုင္းပါ။ b:include ဆိုတဲ့ Tag ဟာ သူ႔ အထဲမွာ ေၾကျငာထားတဲ့ လုပ္ေဆာက္ခ်က္ကို လုပ္ေဆာင္ေပးပါတယ္။ all-head-content လို႔ အမည္ေပးထားတဲ့ လုပ္ေဆာင္ခ်က္ကို လုပ္ေပးဖို႔ ေၾကျငာတာပါ။ ေနာက္ၿပီး <title> </title> အထဲမွာ ပါတဲ့ စာဟာ အျမဲတမ္း က်ေနာ္တို႔ သံုးတဲ့ Browser ရဲ႕ အေပၚဆံုး ဘယ္ဘက္ အနားမွာ ကပ္ၿပီး ေပၚေနတဲ့ စာပဲ ျဖစ္ပါတယ္။ ဘေလာ့ဂ္တိုင္းမွာ ဆိုရင္ အျမဲ ဘေလာ့ရဲ႕ နာမည္ပဲ ေပၚပါ႔မယ္။ ဘာလို႔လဲ ဆိုေတာ့ data:blog.pageTitle အေနနဲ႔ ေၾကျငာထားလို႔ပါ။

<b:skin> နဲ႔ </b:skin> ၾကားမွာ ေရးထားတဲ့ Code ေတြဟာ CSS Code ေတြပဲ မ်ားပါတယ္။ ပို႔စ္ေခါင္းစဥ္ကိုေတာ့ျဖင့္ ဘာအေရာင္ေလးနဲ႔ စာလံုး ဘယ္အရြယ္အစားနဲ႔ ေပၚခ်င္တယ္ ဆိုတာေတြကို ဒီေနရာမွာ သတ္မွတ္ေပးပါတယ္။ သူ႔ရဲ႕ Tag နာမည္အတုိင္း skin ဆိုသလိုပဲ ဘေလာ့တစ္ခုလံုးရဲ႕ အေရျပားပိုင္းပါ။ အျပင္အဆင္ပိုင္းေပါ႔။ Style Sheet လုိ႔လည္း ေခၚပါတယ္။ တကယ္လို႔ Style Sheet ထဲမွာ ထည့္ေပးပါလို႔ ေျပာခဲ့ရင္ ဒီေနရာမွာ ထည့္ေပးရမွာပါ။ ေသးစိတ္ကို ေနာက္မွ ဆက္ေဆြးေႏြးပါ႔မယ္။

</b:skin> နဲ႔ </head> ၾကားမွာေတာ့ မူလ ဘေလာ့ဂါမွာ မပါတဲ့ ထပ္တိုး လုပ္ေဆာင္ခ်က္ေတြအတြက္ ဒါမွမဟုတ္ သူမ်ား ေရးထားၿပီးသား လုပ္ေဆာင္ခ်က္ေတြ အခန္႔သင့္ သံုးႏိုင္ဖုိ႔အတြက္ ဒီေနရာမွာ အဲဒီ ဖုိင္ေတြကို ၫႊန္ေပးရပါ႔မယ္။ ဥပမာ ပို႔စ္ေခါက္တဲ့ လုပ္ေဆာင္ခ်က္ ဆိုပါစို႔။ က်ေနာ္တို႔အတြက္ အဲဒီ လုပ္ေဆာင္ခ်က္ကို အလြယ္တကူ သံုးႏိုင္ေအာင္ တျခားလူတစ္ေယာက္ေယာက္က ေရးထားေပးပါတယ္။ အဲဒါကို myhacko.js ဆိုတဲ့ နာမည္နဲ႔ သိမ္းထားပါတယ္။ က်ေနာ္တို႔ အဲဒီ လုပ္ေဆာင္ခ်က္အတြက္ အဲဒီ ဖုိင္ကို ဒီေနရာမွာ ေခၚေပးရပါ႔မယ္။
<script src=’http://pikay.googlepages.com/myhacko.js’ type=’text/javascript’/> ဆိုတာကို </b:skin> နဲ႔ </head> ၾကားမွာ ထည့္ေပးရပါတယ္။ ဒါဆို myhacko.js ထဲက Javascript Function ေတြကို အသင့္ ယူသံုးလို႔ ရပါၿပီ။

အခု ရွင္းျပထားသေလာက္ မရွင္းတာ ရွိမယ္ဆိုရင္ ကြန္းမန္႔ထဲမွာ ေမးျမန္ႏိုင္ပါတယ္။ အားမနာပါနဲ႔။ လြတ္လြတ္လပ္လပ္ ေမးႏိုင္ပါတယ္။ အစစအရာရာ အဆင္ေျပပါေစဗ်ာ။

ဆက္လက္ ေဖာ္ျပပါမည္။


ဘန္းမေက်ာ္ဘဲ ကြန္းမန္႔ေရးႏိုင္ေအာင္

က်ေနာ္တို႔လို blogspot ကို မသံုးဘဲ သီးျခားဒိုမိန္းနဲ႔ သံုးတဲ့ ဘေလာ့ဂါေတြရဲ႕ အဓိက ရည္ရြယ္ခ်က္ဟာ Access Denied ဆိုတဲ့ ဘန္းကို ေက်ာ္ဖုိ႔ပဲ ျဖစ္ပါတယ္။ က်ေနာ္ အခုသံုးထားတဲ့ myanmarbloggers.org ဆိုတဲ့ ဒိုမိန္းကို သံုးၿပီးတဲ့ အခါမွာ ဘန္းေက်ာ္ၾကည့္ရတဲ့ ဒုကၡကေန လြတ္ကင္းသြားေပမယ့္ ေနာက္ထပ္ အခက္အခဲ သံုးခုကို ရင္ဆိုင္ရေနပါေသးတယ္။ သီးျခား ဒိုမိန္းယူတဲ့ လူတုိင္း ၾကံဳေတြ႕ရတဲ့ အခက္အခဲေတြပါ။ ဒီအခက္အခဲက ေျဖရွင္းလို႔ရတဲ့ ျပႆနာေတြပါ။ အခက္အခဲေတြကေတာ့

(၁) အရင္ blogger.com မွာ တင္ထားတဲ့ ပံုေတြဟာ ဘန္းျမဲ ဘန္းခံရလို႔ မေပၚပါဘူး။ Browse လုပ္ၿပီး My Computer ထဲက တင္တဲ့ ပံုေတြ မွန္သမွ် blogger.com မွာပဲ သိမ္းေပးထားပါတယ္။ အဲ့ပံုေတြဟာ blogger.com ကို ဘန္းထားတဲ့ အတြက္ မေပၚပါဘူး။
ေျဖရွင္းခ်က္ ။ ။ Image Hosting Websites တစ္ခုခုမွာ တင္ၿပီး image url နဲ႔ တင္မယ္ဆိုရင္ ဘန္းေက်ာ္စရာ မလိုဘဲ ပံုေတြ ေပၚႏိုင္ပါတယ္။ ဘာလို႔လဲဆိုေတာ့ အဲဒီ ပံုတင္တဲ့ ဆိုဒ္ေတြကို ISP ေတြက မပိတ္ထားလို႔ပါ။ အဲဒီ Website တခ်ဳိ႕
http://imageshack.us
http://photobucket.com/
http://www.slide.com/
http://picasa.google.com/ တို႔ပဲ ျဖစ္ပါတယ္။

(၂) အရင္ blogspot.com နဲ႔ သံုးတုန္းက ထည့္ထားတဲ့ Rating Service ေတြ အလုပ္မလုပ္ေတာ့ဘူး။ Post Rating ပဲျဖစ္ျဖစ္၊ Blog Rating ပဲျဖစ္ျဖစ္ ဒိုမိန္းေျပာင္းၿပီးရင္ အရင္ blogspot တုန္းက ေပးထားခဲ့သမွ် အမွတ္ေတြ ေပ်ာက္သြားတတ္ပါတယ္။ ေနာက္ၿပီး Service တခ်ဳိ႕ ခဏ ရပ္သြားၿပီး ျပန္ အလုပ္လုပ္ဖို႔ အခ်ိန္ နည္းနည္း ယူရပါတယ္။

(၃) ကြန္းမန္႔ေပးဖို႔အတြက္ အရင္လို ဘန္းေက်ာ္ျမဲ ေက်ာ္ေနရပါေသးတယ္။ ဒါေၾကာင့္ တခ်ဳိ႕ ကြန္းမန္႔ေပးခ်င္ၾကေပမယ့္ ဘန္းေက်ာ္ေနရတဲ့ ျပႆနာေၾကာင့္ စီပံုးထဲမွာပဲ ေအာ္ၿပီး ျပန္သြားရတဲ့ လူေတြ မနည္းပါဘူး။ ဘန္းေက်ာ္စရာ မလုိေအာင္ လုပ္ႏိုင္တဲ့ နည္းလမ္း ႏွစ္ခုကို က်ေနာ္ သိထားပါတယ္။ အဲဒါေတြက Commenting Service ကိုေပးတဲ့ ဆိုဒ္ ႏွစ္ခုရဲ႕ အကူအညီနဲ႔ ကြန္းမန္႔ေပးမယ္ဆိုရင္ ဘန္းေက်ာ္စရာ မလိုေတာ့ဘဲ ေပးႏိုင္ပါတယ္။ အဲဒါေတြက
Haloscan နဲ႔
Intense Debate ပဲျဖစ္ပါတယ္။

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

မေန႔ကမွ က်ေနာ္ blog ကို hack လုပ္တဲ့ ႏုိင္ငံျခားက ဘေလာ့ဂ္ေတြကို လုိက္လည္ရင္း ဖတ္ရင္းနဲ႔ ေနာက္ထပ္ Commenting Service တစ္ခုကုိ သိခဲ့ရပါတယ္။ သူက Intense Debate ပါ။ ပို႔စ္အေဟာင္းေတြမွာ ရွိတဲ့ ကြန္းမန္႔ေတြကို ေပၚျမဲ ေပၚေနေအာင္ လုပ္ေပးႏိုင္တယ္ ဆိုတာ တစ္ခ်က္တည္းနဲ႔တင္ က်ေနာ္ Intense Debate ကို သေဘာက်သြားတယ္။ က်ေနာ္ Intense Debate ထည့္ပံု အဆင့္ဆင့္ေလးကို ေျပာျပခ်င္ပါတယ္။ အေျခခံသာ ရွိတဲ့ လူေတြအတြက္ပဲ ရည္ရြယ္ပါတယ္။

အဆင့္ (၁) Intense Debate ထဲ ၀င္ၿပီး signup လုပ္လိုက္ေပးပါ။ signup လုပ္ၿပီးတာနဲ႔ ေအာက္က ပံုအတိုင္း ျမင္ရလိမ့္မယ္။

အဆင့္ (၂) မိမိ Commenting Service ထည့္ခ်င္တဲ့ ဘေလာ့ဂ္ကို လိပ္စာထည့္ေပးပါ။ ေအာက္နားက Add Blog ကို ႏွိပ္ၿပီး လိပ္စာထည့္ေပးပါ။ ၿပီးရင္ Save Setting လုပ္ေပးပါ။

အဆင့္ (၃) Widget ထည့္သြင္းျခင္း
အေပၚက ပံုရဲ႕ အေပၚနားမွာ Install Intense Debate Now ! ဆိုတာကို ႏွိပ္လိုက္ပါ။ ဘေလာ့ဂ္လိပ္စာ ေတာင္းပါလိမ့္မယ္။ ႐ိုက္ထည့္ၿပီးရင္ Blog Platform ေရြးေပးဖုိ႔ပါ။ Blogger ကို ေရြးေပးပါ။ ေအာက္မွာျပထားတဲ့ ပံုအတိုင္း တက္လာလိမ့္မယ္။

All new posts ကို ေရြးရင္ ကြန္းမန္႔ မတင္ရေသးတဲ့ ပို႔စ္ေတြမွာပဲ ထည့္ေပးလိမ့္မယ္။ တကယ္လို႔ On all blog posts ကုိ ေရြးရင္ေတာ့ ဟိုးအရင္ ပို႔စ္အေဟာင္းေတြ အကုန္လံုးမွာ ထည့္ေပးလိမ့္မယ္။ အဲဒါကို ေရြးလိုက္ရင္ ကြန္းမန္႔အေဟာင္းေတြ ပ်က္ကုန္လိမ့္မယ္။ မပ်က္ခ်င္ရင္ေတာ့ All new posts ကိုပဲ ေရြးေပးပါ။ ၿပီးရင္

  1. www.blogger.com ကို ၀င္ပါ။
  2. မိမိ Service ထည့္ခ်င္တဲ့ ဘေလာ့ဂ္ကို ေရြးၿပီး Layout ကို သြားေပးပါ။
  3. Edit HTML ကို ေရြးေပးပါ။
  4. ပထမဆံုး စာေၾကာင္းမွာ Download Full Template ဆိုတာ ရွိပါတယ္။ ကလစ္ႏွိပ္ၿပီး ကိုယ့္ရဲ႕ ကြန္ျပဴတာထဲမွာ template ကုိ သိမ္းေပးပါ။
  5. Browse ကို ႏွိပ္ၿပီး ခုနက သိမ္းထားတဲ့ Template ကုိ ေရြးေပးပါ။ ၿပီးရင္ ေအာက္နားက Upload file and continue ကို ႏွိပ္ေပးပါ။
  6. ေနာက္ စာမ်က္ႏွာအသစ္တစ္ခု တက္လာပါလိမ့္မယ္။ အဲဒီမွာ Code ထည့္ၿပီးသား Template ရဲ႕ HTML ေပးထားပါတယ္။ အဲဒီ Code ေတြကို အားလံုး ေရြးၿပီး Ctrl + c ႏွိပ္ၿပီး ေကာ္ပီကူးပါ။ ၿပီးရင္ Blogger.com ထဲက Edit HTML မွာ နဂို ရွိထားတဲ့ Code ေတြကို အကုန္ဖ်က္ၿပီး ခုနက ကူးထားတဲ့ Code ေတြကို (Paste) ထည့္ေပးပါ။ ၿပီးရင္ Template ကုိ သိမ္းလို႔ရပါၿပီ။

ဒါဆို က်ေနာ္တို႔လိုခ်င္တဲ့ Commenting Service ကို ရပါၿပီ။ ဒီထက္ ဘာေတြလုပ္လို႔ရေသးလည္း ဆုိတာ နည္းနည္း ရွင္းျပပါ႔မယ္။

Dashboard မွာဆိုရင္

Moderate Comments – ဘေလာ့ဂ္ ပိုင္ရွင္ရဲ႕ ခြင့္ျပဳခ်က္ရမွ တင္ေပးမယ့္ ကြန္းမန္႔ေတြအတြက္ ဒီေနရာမွာ ၾကည့္ပါမယ္။ ခြင့္ျပဳခ်က္မေပးရေသးတဲ့ ကြန္းမန္႔ေတြထားတဲ့ ေနရာေပါ႔။
Old Comments – ကြန္းမန္႔အေဟာင္းေတြ ထားတဲ့ ေနရာေလးပါ။
Settings – ဒီေနရာမွာ လုပ္လုိ႔ရတာေတြ နည္းနည္း မ်ားပါတယ္။ တစ္ခုခ်င္း အၾကမ္းဖ်င္း ရွင္းျပပါ႔မယ္။ ဒီပံုေလးၾကည့္ပါ။
Comment Posting မွာ

  • ကြန္းမန္႔အကုန္လံုးကုိ ဘေလာ့ဂ္ပိုင္ရွင္ ခြင့္ျပဳခ်က္ရမွ ေဖာ္ျပေပးလို႔ ရပါတယ္။
  • ကြန္းမန္႔မေရးခင္မွာ Intense Debate မွာ အရင္ Sign up လုပ္ခုိင္းရမယ္။
  • အခု ကြန္းမန္႔ေရးမယ့္သူဟာ အရင္ ခြင့္ျပဳၿပီးသား ကြန္းမန္႔ရွိမွ တင္ခြင့္ျပဳမယ္။

ဒီသံုးခ်က္ကို ႀကိဳက္သလို ေရြးၿပီး လုပ္ေဆာင္ခ်က္ ေျပာင္းႏိုင္ပါတယ္။
ကြန္းမန္႔ထဲမွာ ပါတဲ့ စကားလံုးကို စစ္ၿပီးေတာ့လည္း ခ်က္ခ်င္း မေဖာ္ျပဘဲ စစ္ေဆးလို႔ ရပါတယ္။ Moderate posts containing the following words ဆိုတဲ့ ေနရာမွာ ကို စာလံုးေတြ ထည့္ေပးပါ။ တကယ္လို႔ ကိုယ့္ရဲ႕ ကြန္းမန္႔ထဲမွာ အဲဒီ စာလံုးေတြ ပါေနခဲ့မယ္ဆိုရင္ ခ်က္ခ်င္း တန္းမေဖာ္ျပဘဲ Moderate လုပ္ၿပီး စစ္ေဆးလို႔ရပါတယ္။ ဒါဆို ညစ္ညမ္းတဲ့ စကားလံုးေတြ မပါေအာင္ စစ္ထုတ္လို႔ ရၿပီေပါ႔ဗ်ာ။
ေနာက္ၿပီး ကြန္းမန္႔တင္တဲ့ IP Address နဲ႔လည္း စစ္ထုတ္လို႔ ရပါတယ္။
ေနာက္ ကြန္းမန္႔တင္တဲ့ Email လိပ္စာနဲ႔လည္း စစ္ထုတ္လို႔ ရတယ္။
ေနာက္တစ္ခုက Profanity Filter ပါ။ သူက က်ေနာ္တို႔ မေဖာ္ျပခ်င္တဲ့ စကားလံုးေတြကုိ သူက asterisks (*) အျဖစ္နဲ႔ ေျပာင္းေပးပါတယ္။ Disallowed words မွာ ထည့္ထားတဲ့ စာလံုးေတြကို * ေျပာင္းေပးပါလိမ့္မယ္။
ညာဘက္ ေအာက္နားမွာေတာ့ ဒီကြန္းမန္႔ေတြကို စစ္မယ့္ Admin User ထပ္ထည့္လို႔ရပါတယ္။ တစ္ေယာက္မက ခြင့္ျပဳခ်က္ေပးလို႔ ရတယ္။
ဒါေတြကို ျပင္ၿပီးရင္ Save Setting လုပ္ဖုိ႔ေတာ့ မေမ့နဲ႔ဦးေပါ႔ဗ်ာ။
Blog Tools – ဒီေနရာမွာ တျခား ဘေလာ့ဂ္ေတြက ကြန္းမန္႔ေတြကို Import လုပ္လို႔ရသလိုပဲ ဒီထဲက ကြန္းမန္႔ေတြကိုလည္း XML အေနနဲ႔ Export လုပ္လုိ႔ရတယ္။ ေနာက္ၿပီး ဒီ Service ကို မႀကိဳက္ေတာ့လို႔ Uninstall လုပ္ခ်င္သပ ဆိုရင္လည္း ဒီမွာပဲ လုပ္ရမယ္။ ျပႆနာ တစ္ခုခု တက္လို႔ Reinstall ျပန္လုပ္လို႔လည္း ရတယ္ေလ။
Comment Layout – ဒီေနရာမွာ ကြန္းမန္႔ ေဖာ္ျပတဲ့ ပံုစံ ေျပာင္းလုိ႔ရပါတယ္။ တကယ္လို႔ က်ေနာ္တို႔က ကိုယ္ပိုင္ စိတ္ႀကိဳက္ပံုစံကုိ CSS နဲ႔ ေရးတတ္တယ္ ဆိုရင္လည္း ေအာက္ဆံုးမွာ အဲဒီ CSS ဖုိင္ကို တင္ၿပီး Comment Layout ေျပာင္းပစ္လို႔ ရတာေပါ႔ဗ်ာ။
+ Add Blog လုပ္ၿပီး အေကာင့္တစ္ခုတည္းနဲ႔ ဘေလာ့ဂ္ေတြ အမ်ားႀကီး တၿပိဳင္တည္း ထည့္လို႔လည္း ရပါတယ္။
ေနာက္ၿပီး Add-ons မွာ ဆိုရင္ Recent Comments, Top Commenters, Popular Posts တို႔ကုိ လုပ္ႏိုင္တဲ့ Widget ေတြကို အဲဒီမွာ လုပ္ယူလို႔ ရပါတယ္။

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

ကဲ ၾကည့္ပါဦးဗ်ာ။ ဘယ္ေလာက္ အသံုးတည့္လုိက္မလဲ။ ဒါနဲ႔ စကားမစပ္ က်ေနာ္ Intense Debate ဆီက ဘာမွ မရဘဲနဲ႔ကို ေၾကျငာေနတယ္ဆိုတာ တကယ့္ကို အသံုးတည့္လို႔ပါ။ စာဖတ္သူလည္း ဘေလာ့ဂါတစ္ေယာက္ ဆိုရင္ေတာ့ စမ္းၾကည့္ေစခ်င္တယ္။

ျမန္မာျပည္က ဘေလာ့ဖတ္သူေတြ အတြက္ ဘေလာ့ဂ္ ဖတ္ဖို႔ဆိုတာ အေတာ္ေလး အားစိုက္ထုတ္ရပါတယ္။ တခ်ဳိ႕ ဒိုမိန္းေျပာင္းထားေတာ့ ဘေလာ့ဖတ္လို႔ ရတာေတာင္ ကြန္းမန္႔ ေရးဖုိ႔ထပ္ခက္ျပန္ေရာ။ အခုေတာ့ ကြန္းမန္႔ ေရးဖုိ႔လည္း သူတို႔အတြက္ အခက္အခဲ မရွိေတာ့ပါဘူး။ ျမန္မာျပည္က ဘေလာ့ဂ္ဖတ္သူေတြအတြက္ အလြယ္တကူ ဖတ္ႏိုင္ေအာင္ လုပ္ဖို႔ က်ေနာ္တို႔ ဘေလာ့ဂါေတြမွာ တာ၀န္ အျပည့္ရွိပါတယ္။ ဒိုးမိန္းကို myanmarbloggers.org အေနနဲ႔ ယူလို႔ရပါတယ္။ အကယ္၍ လိုခ်င္ရင္ bloggers@myanmarbloggers.org ကို အီးေမးပို႔ၿပီး အေၾကာင္းၾကားႏိုင္ပါတယ္။ Subject မွာ Request subdomain လို႔ ေရးၿပီး စာကုိယ္မွာ မူရင္း ဘေလာ့ဂ္လိပ္စာ၊ ေလာင္နာမည္ နဲ႔ ေျပာင္းခ်င္တဲ့ xxxxx.myanmarbloggers.org လိပ္စာကုိ ေရးထည့္ေပး႐ံုပါပဲ။ Admin ကေန စစ္ေဆးၾကည့္႐ႈၿပီး Setting လုပ္ၿပီးတာနဲ႔ ျပန္အေၾကာင္း ၾကားေပးပါလိမ့္မယ္။ အဲဒီမွာ လိုက္နာေပးရမယ့္ အခ်က္ ႏွစ္ခ်က္ရွိပါတယ္။ တစ္ခ်က္က စက္တင္ေျပာင္းဖုိ႔ အေၾကာင္းၾကားၿပီး တစ္လေနလို႔မွ မေျပာင္းေသးဘူးဆိုရင္ ျပန္လည္ ဖ်က္သိမ္းပါ႔မယ္။ ေနာက္တစ္ခ်က္က တကယ္လို႔ myanmarbloggers.org ဒိုမိန္းကို ေျပာင္းၿပီး ေနာက္ပိုင္း တျခား ဒိုမိန္းကို ေျပာင္းသြားၿပီဆုိရင္ Admin ကို ျပန္အေၾကာင္းၾကား ေပးေစခ်င္တယ္။ တကယ္တမ္း လုပ္ေပးႏိုင္တဲ့ Subdomain အေရအတြက္က မမ်ားပါဘူး။ ဒါေၾကာင့္ လုိအပ္ရင္ မသံုးေတာ့တဲ့ အေဟာင္းေတြကို ဖ်က္ပစ္မွ အဆင္ေျပမွာ မို႔ပါ။ Myanmarbloggers.org နဲ႔ ပတ္သက္တာ သိခ်င္ေသးရင္ ဒီပို႔စ္ကုိ ဖတ္ၾကည့္ႏိုင္ပါတယ္။ ဒါ ျမန္မာႏိုင္ငံသားခ်င္း ေမတၱာနဲ႔ ကူညီတဲ့ Domain ပါ။ တျခား ႏိုင္ငံျခားက ေပးတဲ့ Free Domain ေတြလည္း ရွိပါတယ္။ ဥပမာ http://www.co.cc/ ေပါ႔။ အဲဒီမွာလည္း အလကား ေတာင္းလို႔ ရပါတယ္။ က်ေနာ္ သိသေလာက္ အခုဆိုရင္ Myanmarbloggers.org မွာ ယူထားတဲ့ subdomain ေပါင္း ၇၀ ေက်ာ္ ရွိပါၿပီ။

အထက္က ေရးျပထားတဲ့ Intense Debate နဲ႔ ပတ္သက္ၿပီး အဆင္မေျပတာရွိရင္လည္း ကြန္းမန္႔နဲ႔ ျဖစ္ျဖစ္၊ စီပံုးမွာ ျဖစ္ျဖစ္ ေအာ္ထားလို႔ ရပါတယ္။ ေအာ္ ေနာက္ၿပီး က်ေနာ္ရဲ႕ ဘေလာ့္မွာ သံုးထားတဲ့ Widget နဲ႔ Function တခ်ဳိ႕ကုိ ဘယ္လိုလုပ္သလဲဆုိတာ How to ဆိုတဲ့ Label နဲ႔ ပို႔စ္ေတြ ေရးထားပါတယ္။ အစစအရာရာ အဆင္ေျပပါေစဗ်ာ။


Gtalk မွာ Smiley ေလးေတြ ထည့္ရေအာင္

လူအမ်ားစု Smiley ေလးေတြကို သေဘာက်မယ္ထင္တယ္။ က်ေနာ္ကေတာ့ အေတာ္ သေဘာက်ပါတယ္။ ေက်ာင္းတက္တုန္းက က်ေနာ္တို႔ အုပ္စုရဲ႕ နာမည္က Funny Smile တဲ့။ လုိဂိုကေတာ့ Smiley ပံုေလးေပါ႔။ တစ္ေန႔က က်ေနာ္ရဲ႕ သူငယ္ခ်င္း မိတ္ေဆြ အမႀကီး မခ်မ္း (မန္း) က ဂ်ီေတာ့ ကို အလွဆင္ဖို႔ Smiley လည္းေတြ ထည့္ႏိုင္တဲ့ ပ႐ိုဂရမ္ေလး တစ္ခု လွမ္းပို႔ ေပးလိုက္ပါတယ္။ ဒီမွာ Download ေဒါင္းလုတ္ လုပ္လို႔ ရပါတယ္။ ဒီ Smiley ေလးေတြနဲ႔ဆို ခံစားခ်က္ကေလးေတြ ပို အသက္၀င္မယ္ ထင္တယ္။ သူ႕ကို ေခၚဖို႔ ေကာ္မန္းကေတာ့ က်က္ရေတာ့ မွာေပါ႔။ အခု ဒီေအာက္မွာ သံုးလို႔ ရတဲ့ ေကာ္မန္းေလးေတြ တန္းစီၿပီး စာရင္းျပဳစု ေပးလိုက္တယ္။ ေနာက္ၿပီး အဲဒီ ပ႐ိုဂရမ္ကို ထည့္လိုက္ရင္ All Programs >> DaSh >> MyTheme ထဲက Help.pdf ထဲမွာ လည္း သြားဖတ္ၾကည့္လို႔ ရပါတယ္။
Program ကို Install လုပ္ၿပီးၿပီ ဆိုရင္ Gtalk ရဲ႕ Setting ကို နည္းနည္း ၀င္ျပင္ ရပါ႔မယ္။ ဘာမွ မျပင္ခင္ Chatting Window ေတြကို ပိတ္ေပးပါ။ Gtalk Windows ရဲ႕ ညာဘက္ အေပၚမွာ ရွိတဲ့ Setting ထဲကို ၀င္ရမယ္။ ၿပီးရင္ Appearance Tab ကို ေရြးရမယ္။ အဲဒီအထဲက Chat Theme မွာ MyTheme ကို ေရြးလိုက္ပါ။ ဒါဆို က်ေနာ္တို႔ ေပၚခ်င္တဲ့ Smiley ေလးေတြ သံုးလို႔ ရပါၿပီ။
ေနာက္ Chatting Window ရဲ႕ ေနာက္ခံပံုကို အျဖဴေျပာင္ႀကီးနဲ႔ မထားဘဲ ကၽြန္ေတာ္တို႔ လိုခ်င္တဲ့ပံု ေျပာင္းလို႔ရပါတယ္။ အဲဒီလို ေျပာင္းခ်င္တယ္ဆိုရင္ All Programs >> DaSh >> MyTheme ထဲက Change Background ဆိုတာကို ေရြးပါ။ File ေရြးဖို႔ Window ေပၚလာရင္ ကိုယ္ ႀကိဳက္တဲ့ File ကို တင္လုိက္လို႔ ရပါတယ္။ အထူးသတိ ထားရမွာက ပံုဖိုင္ဟာ JPEG အမ်ိဳးအစား ျဖစ္မွ အလုပ္လုပ္မွာ ျဖစ္ပါတယ္။ Chatting Window ေတြ ပိတ္ၿပီး ျပန္ဖြင့္လိုက္ရင္ အသစ္ ေျပာင္းထားတဲ့ ေနာက္ခံပံုကို ျမင္ရပါလိမ့္မယ္။ သူေပၚမယ့္ ပံုေလးေတြက အေတာ္ ခ်စ္စရာေကာင္းလို႔ တင္ေပးလိုက္ပါတယ္။
Program ကို ဒီမွာလည္း Download ယူလို႔ ရပါတယ္။
Special thanks to my friend, Ma Chan (Mdl), for sharing this amazing program.


DescriptionShortcutAlternate Word
All the Best – – :atb
AngelO:-):angel
AngryX-(:angry
Applause=D:clap
Bath – – :bath
Batting eyelashes;;)
Big Grin😀
Blushing: -B:blush
Broken Heart=((
Call me:c:callme
Confused :/
CoolB-):cool
Crying:(( :waa
Day Dreaming: -Y:dream
Dislike:PP:naa
Do Not Disturb – – :dnd
Drooling=P~:hee
Game – – :game
Ghoting – – :ghoting
Good Morning – – :gm
Good night – – :gn
Heart – – :heart
Hi: -h:hi, :hai
Hit:=
Hug – – :hug
I am Mad~x(:mad
I love you – – :ilu
I miss you – – :imu
Idea – – :idea
Kissing: -*:kiss
Laughing:)):ha
Laughing=)):haha
Love struck😡:love
Mess – – :mess
Movie – – :movie
Nail bitting(Jealous):SS:j
News – – :news
No|-::no
No – – :no
Not talking]-(:calm
Now – – :now
On Phone:)] :call
Pray – – :pray
Raised Eyebrow/:):cha
Sad🙁
Secret/Silent: -$:shh
Shut Up – – :shutup
Sleep – – :sleep
SleepyI-):zz
Smiling🙂
Smug – – :mm
Sorry – – :sry
Stop shouting: -T:stop
Straight face😐
Surprised:O:oh
Take care – – :tc
Thanks – – :thanx
Thinking: -?
Tongue😛
Wait=; – :wait
Waving, Bye: -h:bye
Winking😉
Worried: -S:wor
Yahooooo||-):yahoo
Yes – – :yes


အားလံုးအတြက္ myanmarbloggers.org ဒိုမိန္း

ကၽြန္ေတာ္ ဒီပို႔စ္ေလးကို ခရီးမထြက္ခင္ အသည္းအသန္ေရးရလို႔ အမွားပါရင္ ကိုယ့္ဖာသာ ကိုယ္ နားလည္မႈနဲ႔ ျပင္လိုက္ၾကပါဗ်ာ။

ဒီေန႔ပဲ ကုသိုလ္လည္းလုပ္တဲ့အေနနဲ႔ အေတြးေလးထဲ၀င္လာလို႔ ထိေရာက္တဲ့အလွဴတစ္ခု လုပ္ခ်င္စိတ္ေပၚလာပါတယ္။ က်ေနာ္တို႔ ဘေလာ့ကာေတြအတြက္ အေႏွာက္အယွက္တစ္ခု ျဖစ္တဲ့ ဘန္းေက်ာ္ရတဲ့ဒုကၡကို ကိုယ္ပိုင္ဒိုမိန္းတစ္ခုဆီကို လႊဲလိုက္္ရင္ ၾကည့္တဲ့သူအားလံုး အတြက္ အဆင္ေျပသြားပါတယ္။ ဒီကြက္လပ္ကေလးကို ျဖည့္ေပးခ်င္လိုက္တာပါ။ ဒါေၾကာင့္ ဒီေန႔ပဲ myanmarbloggers.org ဆိုတဲ့ ဒိုမိန္းတစ္ခု ၀ယ္လုိက္ပါတယ္။ အဲဒီဒိုမိန္းမွာ မည္သည့္ဘေလာ့ကာကိုမဆို ကိုယ္ပိုင္ဆႏၵအရ (subdomain) ဒိုမိန္းခြဲတစ္ခုစီ လုပ္ေပးခ်င္ ပါတယ္။ ဒါဆိုလူတိုင္းရဲ႕ ဘေလာ့ကိုၾကည့္မယ့္ ပရိသတ္တိုင္းဟာ အေႏွာက္ယွက္ကင္းကင္း ၾကည့္ႏိုင္ၾကပါလိမ့္မယ္။
ဒါေၾကာင့္ စိတ္၀င္စားတဲ့သူ မည္သူမဆို bloggers@myanmarbloggers.org ကုိ email ပို႔ၿပီး ကိုယ္နာမည္ (nick name)ရယ္၊ ဘေလာ့လိပ္စာရယ္၊ လုိခ်င္တဲ့နာမည္ရယ္ ကိုထည့္ေရး ေပးေစခ်င္ပါတယ္။ လိုခ်င္တဲ့နာမည္ဆိုတာ ဥပမာ http://pikay.myanmarbloggers.org ဆိုရင္ pikay က က်ေနာ္ႀကိဳက္တဲ့နာမည္ပါ။ အဲဒီနာမည္ကို ကိုယ္တိုင္ေရြးေစခ်င္တာပါ။ အမွန္ေတာ့ ဘေလာ့လိပ္စာက ဒိုမိန္းခြဲ လုပ္ဖို႔ မလိုအပ္ပါဘူး။ ဒါေပမယ့္ http://directory.myanmarbloggers.org လုိ႔႐ိုက္ထည့္လိုက္ရင္ ဒီဒိုမိန္းႀကီးထဲမွာ ထည့္ ထားတဲ့ ဘေလာ့ဂ္ေတြ အားလံုးရဲ႕လိပ္စာနဲ႔ နာမည္ေတြကို ျပခ်င္လို႔ ေတာင္းရတာပါ။
အခု အီးေမးပို႔ၿပီး နာမည္ေပးလုိ႔ရွိရင္ က်ေနာ့္ဘက္က ဒိုမိန္းမွာ သြားရပါမယ္။ အီးေမးပို႔တဲ့ လိပ္စာပိုင္ရွင္ဘက္ကလည္း ဒီ Setting ေလးေတြ ၀င္ျပင္ရပါဦးမယ္။ ဒါေလးေတြ ျပင္ၿပီး ၁၅ မိနစ္ ကေန ၁ နာရီ အၾကာမွာ http://yourname.myanmarbloggers.org လို႔ ႐ိုက္ထည့္ၿပီး စမ္းၾကည့္လိုက္ပါ။ အေရးႀကီးတာက က်ေနာ့္ဘက္က နာမည္ျဖည့္ၿပီးၿပီဆိုရင္ ျဖည့္ၿပီးတဲ့ အေၾကာင္းကို ပို႔လာတဲ့အီးေမးနဲ႔ ျပန္ၿပီး အေၾကာင္းၾကားေပးပါ႔မယ္။ Blogger.com ထဲက Setting ကို အဲဒီ အီးေမးရမွ ျပင္ေစခ်င္ပါတယ္။ အေၾကာင္းၾကားစာရၿပီဆိုရင္ ေအာက္မွာ ျပထားတဲ့အတိုင္း ျပင္လုိက္ပါ။

Blogger.com မွာ Log in လုပ္လိုက္ပါ။
ကိုယ္ နာမည္ေျပာင္းခ်င္တဲ့ ဘေလာ့ဂ္ရဲ႕ Setting ကို ၀င္လုိက္ပါ။


အေပၚပံုမွာ ေတြ႕တဲ့အတိုင္း Publishing ဆိုတဲ့ Tab ကိုေရြးပါ။ ေနာက္ၿပီး အဲဒီအထဲမွာ Switch to: Custom Domain (Point your own …..) ကိုေတြ႕ေအာင္ရွာပါ။ ေတြ႕ရင္ Custom Domain ကို ကလစ္ႏႈိတ္ပါ။

အေပၚပံုရဲ႕ ညာဘက္ေအာက္ေထာင့္မွာ Already own a domain? Switch to Advanced settings ကို ေတြ႕ပါလိမ့္မယ္။ တကယ့္ page မွာေတာ့ ညာဘက္ေအာက္ေထာင့္ မဟုတ္ပါ။ ေတြ႕ရင္ Switch to advanced settings ကို ကလစ္ႏႈိတ္ပါ။

ဒါဆို အေပၚပံုကုိ ေတြ႕ရပါမယ္။ အဲဒီအထဲက Your Domain http:// ဆိုၿပီး ကြက္လပ္ေတြ႕ပါလိမ့္မယ္။ အဲဒီကြက္လပ္မွာ က်ေနာ့ကို ေတာင္းဆုိထားတဲ့နာမည္နဲ႕ ဒိုမိန္းနာမည္ကို ထည့္ပါ။ yourname.myanmarbloggers.org ေပါ႔။

က်ေနာ့နာမည္နဲ႔ဆိုရင္ အဲဒီေနရာမွာ pikay.myanmarbloggers.org လုိ႔ ထည့္ရမွာပါ။ ဒါဆိုၿပီးပါပဲ။ သူတို႔ (Blogger.com) လႊဲလို႔ အၿပီးကို ေစာင့္႐ံုပါပဲ။ လုပ္ၾကည့္ပါ။ အဆင္မေျပတာရွိရင္ bloggers@myanmarbloggers.org ကို အီးေမးပို႔ၿပီး ေျပာႏိုင္ပါတယ္။
ေနာက္ၿပီး ဒီကိစၥနဲ႔ပတ္သက္လို႔ အကူအညီေတာင္းခ်င္ရင္ က်ေနာ့္သူငယ္ခ်င္း မ်က္လံုး နဲ႔ မယ္လုိဒီေမာင္ကိုလည္း ဆက္သြယ္ႏုိင္ပါတယ္။ က်ေနာ္ကိုလည္း အခ်ိန္မေရြး ေမးျမန္း ႏိုင္ပါတယ္။

ဒီလို ဘေလာ့ဂ္ကို blogspot.com မွ myanmarbloggers.org သို႔ ေျပာင္းလိုက္ရင္ စာဖတ္သူေတြအတြက္ အေတာ္ အဆင္ေျပပါမယ္။ ဘေလာ့ဂ္ေရးတဲ့လူ အဖို႔ေတာ့ ေက်ာ္လႊားၿပီး ေရးေနရဦးမွာပါ။ ဒါေပမယ့္ စာဖတ္သူအဆင္ေျပတာ က်ေနာ္တို႔စာေရးသူ ေတြကိုလည္း တဖက္တလမ္းက အဆင္ေျပေစပါတယ္။

အားလံုးကို အဆင္ေျပေစခ်င္တဲ့ ဆႏၵအျပည့္နဲ႔ျဖစ္လို႔ အေႏွာက္အယွက္တစံုတရာ မျဖစ္ရေလေအာင္ ၀ိုင္း၀န္းၿပီး ကူညီေဖးမ ေပးေစခ်င္ပါတယ္။ ဒီသတင္းကို စိတ္၀င္စားသူ အားလံုးကို ျဖန္႔ခ်ီေပးပါ။ က်ေနာ့ ကူညီမႈဟာ အခမဲ့ပါ။ ဒါေပမယ့္ တန္ဖိုးရွိမယ္လို႔ ယံုၾကည္ပါတယ္။

ကလစ္ႏွိပ္ႏိုင္ေသာ ပံုတစ္ပံု ထည့္သြင္းျခင္း

မိမိေပၚလိုေသာ ပံုကို အရင္ Upload လုပ္ပါ။ ထုိေနာက္ မိမိ ပံုေပၚလိုေသာ ေနရာတြင္

<a href=”ေပၚလိုေသာ လိပ္စာ“>
<img src=”ေပၚလိုေသာပံု ရွိရာလိပ္စာ“></a>

ဥပမာအားျဖင့္

<a href=”http://pikay.myanmarbloggers.org” target=”_blank”>
<img src=”http://img294.imageshack.us/img294/8762/stickypkpy1.jpg” height=”40” width=”80“>
</a>



target=”_blank” မွာ ကလစ္ႏွိပ္လွ်င္ စာမ်က္ႏွာ အသစ္ျဖင့္ ေပၚရန္ ျဖစ္သည္။
height=”80″ ႏွင့္ width=”40″ မွာ ပံု၏ အရြယ္အစားကုိ သက္မွတ္ျခင္းျဖစ္သည္။ အရြယ္အစားသက္မွတ္ေပးျခင္းျဖင့္ တင္ရမည့္ ပံုကို ကန္႔သတ္လိုက္ေသာေၾကာင့္ တင္ရေသာ ၾကာခ်ိန္ ပိုတုိေတာင္းသြားႏိုင္ပါသည္။

Peekaboo ပို႔စ္ ေခါက္ျခင္း

မိမိ ဘေလာ့ဂ္တြင္ တင္ထားေသာ ပို႔စ္မ်ား အလြန္တရာ ရွည္ေနေသာအခါ ေနာက္ပို႔စ္တစ္ခုကို ေက်ာ္ၾကည့္သူမ်ား အဖုိ႔ အခက္အခဲ ၾကံဳေတြ႕ၾကရသည္။ ထုိ႔ေၾကာင့္ ပို႔စ္ကို မိမိလိုအပ္ေသာ ပမာဏသာ ေဖာ္ျပၿပီး ဆက္လက္ ဖတ္႐ႈလုိသူမ်ား ကလစ္ႏွိပ္၍ ဆက္လက္ဖတ္႐ႈေစရန္ ျပဳလုပ္ထားႏိုင္သည္။

ပို႔စ္ေခါက္နည္းမွာ ႏွစ္မ်ဳိးႏွစ္စားရွိ၍ မိမိသက္မွတ္ထားေသာ စာလံုးကို ကလစ္ႏွိပ္လိုက္လွ်င္
(၁) သီးျခား တစ္ပို႔စ္တည္းသာ ေဖာ္ျပျခင္း ႏွင့္
(၂) လက္ရွိ စာမ်က္ႏွာတြင္ ခ်ဲ႕၍ ေဖာ္ျပျခင္း တို႔ျဖစ္သည္။

ပထမ အမ်ဳိးအစားမွာ ဘေလာ့ဂ္ကို (Refresh) ျပန္တင္သည္။ ထုိအမ်ဳိးအစား၏ အားနည္းခ်က္မွာ ေကာ္နက္ရွင္ ေႏွးေသာ ကၽြန္ေတာ္တို႔လို ႏိုင္ငံအတြက္ စာတစ္မ်က္ႏွာ ျပန္တင္မည္ဆိုလွ်င္ အေတာ္ေလး ေစာင့္ဆိုင္းရေသာေၾကာင့္ ျပန္ျပန္တင္ေနလွ်င္ ေစာင့္ေနရသည္ႏွင့္ပင္ အခ်ိန္ကုန္သြားမည္။ ေနာက္တစ္မ်ဳိးမွာ ဘေလာ့ဂ္စတက္ကတည္းက စာအျပည့္အစံုကို တင္ထားၿပီး ေခါက္၍ မျပျခင္းသာ ျဖစ္သည္။ ဒုတိယ အမ်ဳိးအစားကို လူႀကိဳက္ပိုမ်ားသည္။ ႏွစ္မ်ဳိးစလံုးမွာ တတိယ အဆင့္၌သာ ထည့္သြင္းေသာ Code အနည္းအက်ဥ္းကြာျခားသည္။

အဆင့္ (၁) မူရင္း Javascript အား Upload လုပ္ျခင္း

ထုိ http://h1.ripway.com/phyoekyaw/myhacko.js ဖုိင္ကို ကလစ္ႏွိပ္ ဆြဲခ်၍ မိမိႀကိဳက္ႏွစ္သက္ရာ File Hosting Site တြင္ Upload ျပဳလုပ္ပါ။

အဆင့္ (၂) ထို JS အား ေၾကျငာျခင္း

ေအာက္ပါ Code အား </head> မတိုင္ခင္တြင္ ထည့္သြင္းေပးပါ။

< script src=’http://h1.ripway.com/phyoekyaw/myhacko.js‘ type=’text/javascript’></script>

http://h1.ripway.com/phyoekyaw/myhacko.js ေနရာတြင္ မိမိ တင္ထားေသာ ဖိုင္လိပ္စာ ထည့္ေပးပါ။

အဆင့္ (၃) Blog1 Widget တြင္ Code ထည့္ျခင္း

Template Html တြင္ <data:post.body/> ကို ရွာေပးပါ။ ပံုမွန္အားျဖင့္ ဤသုိ႔ ရွိေနႏိုင္ပါသည္။

<div class=’post-body>
<p><data:post.body/></p>
<div style=’clear: both;’/> <!– clear for photos floats –>
</div>

သို႔ေသာ္ div class=’post-body’ ေနရာတြင္ တခါတရံ၌
div class=’post’
div class=’entry’
div class=’post-body entry-content’ ဟူ၍လည္း ျဖစ္ႏိုင္ပါသည္။ ထိုေၾကာင့္ <data:post.body/> ႏွင့္ ရွာၾကည့္ၿပီး ေတြ႕လွ်င္ ေအာက္ပါအတိုင္း အနီေရာင္ Code မ်ားကို ျဖည့္စြပ္ေပးပါ။

နံပါတ္ (၁) သီးျခား တစ္ပို႔စ္တည္းသာ ေဖာ္ျပျခင္း အတြက္မွာ

<div class=’post-body’ expr:id='”post-” + data:post.id’ >

<b:if cond=’data:blog.pageType == “item”‘>
<style>#fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>#fullpost{display:none;}</style>

<p><data:post.body/></p>

<span id=’showlink’>
<a expr:href=’data:post.url’>Read More……</a>
</span>
<script type=’text/javascript’>
checkFull(“post-” + “<data:post.id/>”);
</script>
</b:if>

<div style=’clear: both;’/> <!– clear for photos floats –>
</div>

နံပါတ္ (၂) လက္ရွိ စာမ်က္ႏွာတြင္ ခ်ဲ႕၍ ေဖာ္ျပျခင္း အတြက္မွာ

<div class=’post-body’>
<b:if cond=’data:blog.pageType == “item”‘>
<p><data:post.body/></p>

<b:else/>
<style>#fullpost {display:none;}</style>
<p><data:post.body/></p>
<span id=’showlink’>
<p><a expr:onclick='”javascript:showFull(“post-” + data:post.id + “”);”‘ href=’javascript:void(0);’>Read More…</a></p>
</span>
<span id=’hidelink’ style=’display:none’>
<p><a expr:onclick='”javascript:hideFull(“post-” + data:post.id + “”);”‘ href=’javascript:void(0);’>Collapse…</a></p>
</span>
<script type=’text/javascript’>
checkFull(“post-” + “<data:post.id/>”);
</script>
</b:if>

<div style=’clear: both;’/> <!– clear for photos floats –>
</div>

အထက္ပါ Code ႏွစ္ခုတြင္ Bold လုပ္ထားေသာ Read More… ႏွင့္ Collapse… ေနရာမ်ားတြင္ မိမိႏွစ္သက္ရာ စာလံုးမ်ား ထည့္သြင္းေပးပါ။ ဥပမာ Read More… ေနရာတြင္ ဆက္ဖတ္ခ်င္ရင္ … ဟု အစားထုိးႏိုင္သည္။

အဆင့္ (၄) ပို႔စ္အား ေခါက္လိုေသာ နယ္နိမိတ္ ပိုင္းျဖတ္ျခင္း

ဥပမာ မိမိ၏ပို႔စ္တြင္ စာပိုဒ္ ငါးပိုဒ္ရွိရာ ဒုတိယအပိုဒ္အထိသာ ဘေလာ့ဂ္တက္တက္ခ်င္းတြင္ ေပၚလို၍ က်န္သံုးပုဒ္ကို Read More … ႏွိပ္ေသာအခါမွသာ ျမင္ေစလိုသည္ ဆိုပါစို႔။

ဒုတိယစာပိုဒ္၏ ေအာက္တြင္ <span id=”fullpost”> ကို ထည့္သြင္းေပး၍ ပို႔စ္အားလံုး၏ အဆံုးတြင္ </span> ထည့္သြင္းေပးျခင္းျဖင့္ ပို႔စ္ေခါက္ျခင္းကို ျပဳလုပ္ႏိုင္သည္။

ပို႔စ္အသစ္ေရးတုိင္း ေရးတုိင္း ထို Code ကို ထည့္ရန္ ေမ့ေနမည္ စိုးပါက
Settings ၏ Formatting Tab ရွိ Post Template ေနရာတြင္ ေအာက္ပါ Code ကို ထည့္သြင္း၍ Save ေပးပါ။

Type your summary here.
<span id=”fullpost”>
Type the rest of your post here.
</span>

ထိုအခါ ပို႔စ္အသစ္ေရးမည္ဆိုတိုင္း ထို Code ေပၚေနမည္ျဖစ္၍ ေမ့မွာ ပူစရာ မလိုေတာ့ပါ။