ideal

BLOG

SAFTY FIRST YOUR BLOG

က်ေနာ္ ဒီပို႔စ္ကို နာမည္ဘယ္လိုေပးရမွန္းမသိ ျဖစ္ေနတာ။ ေခါင္းစဥ္ေတြမ်ားေနလို႔ ေလ ။ ဒီလိုဗ်ာ.. အစ္ကိုတစ္ေယာက္ရဲ႕ ဘေလာ႔ Hack ခံလိုက္ရတယ္ဗ်ာ။ password ခ်ိန္းခံလိုက္ရတယ္။ အရင္ကလည္း ၾကားဖူးၾကမွာေပါ႔။ ဘာလို႔ အဲလိုလုပ္တာလဲ၊ ဘယ္ေကာင္လဲ၊ ယုတ္မာလိုက္တာ ဆိုၿပီး ထိုင္ၿငီးေနမယ္႔အစား ကို႔ကို အဲလို လုပ္ရင္ေကာ ဘယ္လိုလုပ္မလဲလို႔ ေတြးလိုက္ပါတယ္။ blog ေတြ hack ခံရေတာ႔ အဓိက အခ်ိန္ဗ်။ တစ္ၿခိဳ႕က post ေတြ အားလံုးကို microsoft word နဲ႔ သိမ္းထားၾကတယ္။ အဲ ျပန္တင္ဖို႔ save ထားတယ္ပဲ ထားပါေတာ႔ ပို႔ ရာေက်ာ္ကို ထိုင္တင္မွာလား။ ပ်င္းစရာႀကီးဗ်ာ။ နည္းမယ္႔အခ်ိန္မဟုတ္ဘူး။ ေတာ္ရံုလူဆိုရင္ ဘေလာ႔ ျပန္ေရးခ်င္စိတ္ မရိွေတာ႔ပါဘူး။ စကားမ်ားသြားၿပီ ႀကိဳတင္ ကာကြယ္ထားလို႔ ရေအာင္ ေျပာေတာ႔မယ္ေနာ္။ ဘေလာ႔ကို hack ရင္ gmail account ရဲ႕ password ကို ေျပာင္းသြားလိုက္ပါတယ္။ တစ္ၿခိဳ႕က်ေတာ႔ account တစ္ခုလံုးကို delete ျပစ္လိုက္ပါတယ္။

မိမိ အရင္ ဘေလာ႔ရဲ႕ Layout – Edit HTML မွာ Download Full Template ကို ႏွိပ္ၿပီး Template ကို Download လုပ္လိုက္ပါ။ Sidebar Widget ေတြကိုလည္း ကူးထားလိုက္ေပါ႔။ (လူတိုင္းသိၿပီးသားပါ)ဒါက Template အတြက္ ျဖစ္ပါတယ္။ ေနာက္တစ္ခုက ပို႔စ္ေတြ အတြက္ပါ။ draft.blogger.com ကို ၀င္လိုက္ပါ။ (လက္ရိွ blogger မွာ ၀င္ၿပီးသားဆိုရင္ ႏွိပ္လိုက္တာနဲ႔ Sign in ၀င္ၿပီးသား ျဖစ္ပါလိမ္႔မယ္။ draft.blogger မွာ မိမိ ပို႔စ္ေတြ ေဒါင္းခ်င္တဲ႔ blog ရဲ႕ Settings ကို ႏွိပ္ပါ။ အခုလို Basic ေနရာမွာ Import blog – Export blog – Delete blog လို႔ေတြ႔ပါလိမ္႔မယ္။ Export blog ကို ႏွိပ္လိုက္ပါ။

Image Hosting by Picoodle.com

Download Blog လို႔ ေပၚလာပါလိမ္႔မယ္။ ေဒါင္းထားလိုက္ပါ။
Image Hosting by Picoodle.com
( တစ္ခုေျပာခ်င္တာက file size ကို ၾကည္႔ထားလိုက္ပါ။ connection မၿငိမ္ရင္ post အားလံုး မပါလာပဲ ျဖစ္တတ္ပါတယ္။ က်ေနာ္ဆိုရင္ ပထမတစ္ခါ ေဒါင္းေတာ႔ ပို႔စ္ ၁၈၀ မွာ ၁၀၈ ခုပဲ က်ပါတယ္။ ကြန္မန္႔ေတြလည္း ပါမလာပါဘူး။ )
Image Hosting by Picoodle.com
Download လုပ္ၿပီးတာနဲ႔ mail account အျခားတစ္ခုနဲ႔ blogger မွာ Blog အသစ္တစ္ခု ထပ္လုပ္ပါတယ္။ (သေဘာေပါက္မွာပါေနာ္) Layout – Edit HTML ကေန အရင္ဆံုးခ်ထားတဲ႔ Template ကို upload တင္ပါတယ္။ ၿပီးရင္ sidebar widget ေတြ ထည္႔ပါတယ္။ (ဒါလည္း သိၿပီးသားေနမွာပါ) ၿပီးရင္ draft.blogger.com ကို ျပန္၀င္ပါတယ္။ (အခု အသစ္လုပ္ေနတဲ႔ ဘေလာ႔ရဲ႕ draft Dashboard ကိုသြားရမွာ ျဖစ္ပါတယ္)။ Settings ကို ႏွိပ္ၿပီး Import blog ကို ႏွိပ္ပါတယ္။
Image Hosting by Picoodle.com
ေအာက္ပါအတိုင္း ခုနက ေဒါင္းထားတဲ႔ blog xml ဖိုင္ကို upload ျပန္တင္ပါတယ္။
Image Hosting by Picoodle.com

တင္ၿပီးၿပီ ဆိုရင္ ေအာက္ပါအတိုင္း Edit posts ေနရာမွာ အခုလို ေပၚပါတယ္။ တကယ္လို႔ မိမိေရးထားတဲ႔ ပို႔စ္ အားလံုးပါမလာဘူး၊ ကြန္မန္႔ေတြလည္း မပါဘူးဆိုရင္ blog xml ေဒါင္းက မစံုလိုက္လို႔ ျဖစ္ပါတယ္။ ေနာက္တစ္ခါ ထပ္ေဒါင္းေပးပါ။ (file size ကိုၾကည္႔ေပါ႔။ က်ေနာ္ဆို ဒုတိယ တစ္ခါေဒါင္းမွ အားလံုးရပါတယ္)


ဒါဆိုရင္ မိမိဘေလာ႔ရဲ႕ ဒီဇိုင္းအားလံုး၊ widgetအားလံုး၊ posts အားလံုးနဲ႔ Comments အားလံုးကို ေနာက္ထပ္ mail account တစ္ခုနဲ႔ Blog ထပ္လုပ္ၿပီး ျဖစ္လို႔ clone blog ေလးတစ္ခု ရိွေနပါၿပီ။ ဘာမွ မၾကာလိုက္တဲ႔ အခ်ိန္ေလးပါပဲ။

ဘေလာ႔ဂ္တန္းပလိတ္မ်ားကုိ ခ်ဲ႔ျခင္း

Contributor: ရန္ေအာင္

ဘေလာ႔ဂ္တန္းပလိတ္ကုိ ခ်ဲ႔နည္းပါ.

ဒီနည္းကုိ ဒီေနရာမွာ ေရးထားတာ ေတြ႔ဖူးပါတယ္. အခု ကၽြန္ေတာ္ကေတာ႔ ညီအစ္ကုိတုိ႔နဲ႔အတူတူ လက္ေတြ႔လုပ္ေဆာင္ရင္း ရွင္းျပသြားမွာ ျဖစ္ပါတယ္. တန္းပလိတ္ေတြက တစ္ခုနဲ႔တစ္ခု မတူေပမယ္႔ အုိင္ဒီယာက အတူတူပါပဲ.

ေရွ႔ဆက္မသြားခင္ အားလုံးသိခ်င္ေနမယ္႔ ေမးခြန္းတစ္ခုကို အရင္ဆုံးေျဖပါမယ္.

ဘာေၾကာင္႔ တန္းပလိတ္ကုိ ခ်ဲ႔ခ်င္ရတာလဲ..

အေျဖကရွင္းပါတယ္. နဂုိေပးထားတဲ႔အရာက က်ဥ္းေနလုိ႔ပါ. ကုိယ္က ဒီ႔ထက္ က်ယ္က်ယ္ပုိလုိခ်င္လုိ႔ပါ. ဒီ႔ထက္ရွင္းတဲ႔အေျဖရွိမယ္လည္း မထင္ေတာ႔ဘူး. ဟတ္ဟတ္.

ကၽြန္ေတာ္ နည္းႏွစ္နည္းခဲြျပီး ေဆြးေႏြးခ်င္ပါတယ္.

(၁) ရုိးရုိးတန္းပလိတ္မ်ားကုိ ခ်ဲ႔နည္းနဲ႔
(၂) Rounder Template မ်ားကုိ ခ်ဲ႔နည္း ဆုိျပီးေတာ႔ ျဖစ္ပါတယ္.

အခု ေရးမွာကေတာ႔ နံပါတ္တစ္ျဖစ္တဲ႔ ရုိးရုိးတန္းပလိတ္မ်ားကုိ ခ်ဲ႔နည္းပဲ ျဖစ္ပါတယ္.

ကဲ. ကၽြန္ေတာ္တုိ႔ စလုိက္ၾကရေအာင္လား…

ကၽြန္ေတာ္တုိ႔ကုိ Blogger က ေပးထားတဲ႔ တန္းပလိတ္ရုိးရုိးေလးေတြထဲက Minima Ochre ဆုိတဲ႔ တန္းပလိတ္ေလးကုိ ေရြးလုိက္ပါမယ္.



Layout Tab ေလးထဲက Edit HTML ကိုသြားျပီး အဲဒီ႔တန္းပလိတ္ေလးရဲ႔ CSS Coding ပုိင္းေလးကုိ အရင္ဆုံး ေလ႔လာၾကည္႔ပါမယ္.

ကၽြန္ေတာ္တုိ႔ ေရွ႔ဆက္မသြားခင္မွာ တန္းပလိတ္ခ်ဲ႔တဲ႔ အုိင္ဒီယာေလးကုိ အလြတ္သေဘာ စဥ္းစားၾကည္႔ၾကပါမယ္.



အေပၚကပုံေလးကုိၾကည္႔ပါ.

ကၽြန္ေတာ္တုိ႔ စဥ္းစားရမယ္႔အပို္င္း (၃) ပုိင္းရွိပါတယ္. ဘာေတြလဲဆုိေတာ႔

Outer-wrapper ဆုိတာရယ္ Main-wrapper ဆုိတာရယ္နဲ႔ Sidebar-wrapper ဆုိတာရယ္ပါပဲ. တန္းပလိတ္ေတြ ဘယ္လုိေျပာင္းေျပာင္း အဲဒီ႔သုံးခုက တန္းပလိတ္ခ်ဲ႔မယ္ဆုိ သိထားရမယ္႔ Key Players ေတြပါ. 2-column-template ဆုိရင္ sidebar တစ္ခုပဲ ပါမယ္. 3-column-template ဆုိရင္ေတာ႔ left and right sidebars ေတြပါမယ္ေပါ႔ဗ်ာ.

တစ္ျခားသိထားသင္႔တဲ႔ အသုံးအႏႈန္းေလးေတြကေတာ႔ header-wrapper, content-wrapper စသည္တုိ႔ပဲ ျဖစ္ပါတယ္. ျဖည္းျဖည္းခ်င္းပဲ မိတ္ဆက္ေပးသြားမယ္ဗ်ာ.ေနာ္.

အခု ကၽြန္ေတာ္တုိ႔ရဲ႔ Minima Ochre တန္းပလိတ္ေလးမွာ Outer-wrapper ဆုိျပီး ရွာၾကည္႔လုိက္ရင္ ဒါမ်ိဳးေလးေတြ႔ရပါတယ္.

/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
width: 660px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}

#main-wrapper {
width: 410px;
float: $startSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

#sidebar-wrapper {
width: 220px;
float: $endSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

အဲဒါကုိ ဘယ္လုိနားလည္ေအာင္ လုပ္ရမလဲဆုိျပီး ေခါင္းစားမေနပါနဲ႔. ကၽြန္ေတာ္တုိ႔ သိရမယ္႔အရာ သုံးခုပဲ ရွိပါတယ္. အဲဒီ႔သုံးခု ဘယ္လုိဆက္စပ္ေနလဲဆုိတာကုိ နားလည္ထားရင္ တန္းပလိတ္ခ်ဲ႔နည္းကုိ ၅၀ % ေလာက္ သိျပီးသားျဖစ္သြားပါလိမ္႔မယ္. ဘယ္လုိလဲဆုိေတာ႔ ဂလုိပါ. း)

အီေကြးရွင္းေလးေပးမယ္ေနာ္. အလြတ္က်က္ထား.





Main-Wrapper + Sidebar-Wrapper+Space Between = Outer-Wrapper

ေခါင္းေတြခါကုန္ျပီလား. း)… ျပန္ရွင္းျပပါမယ္.

အခု ကၽြန္ေတာ္တုိ႔ရဲ႔ တန္းပလိတ္မွာ ဘာေလးေတြေတြ႔လဲဆုိေတာ႔ Width:660 px စတာေလးေတြေတြ႔ပါလိမ္႔မယ္. ဟုတ္တယ္ဟုတ္.

အဲဒါေလးေတြကုိ အစားျပန္သြင္းၾကည္႔မယ္ေနာ္.

410 +220 + Space between Main and Sidebar wrapper = 660
Space between Main and Sidebar wrapper = 660-(410+220) = 30

ဒါေၾကာင္႔ Space between Main and Sidebar Wrapper ဟာ 30 px ျဖစ္ပါတယ္.

Outer-wrapper ဆုိတာက တန္းပလိတ္ရဲ႔ ဘယ္ဖက္အစကေန ဟုိး ညာဖက္ အဆုံးထိတြက္ခ်က္ထားတာပါ. သူ႔ေအာက္မွာ ဘာေတြပါလဲဆုိေတာ႔ ပုိ႔စ္ေရးတဲ႔ေနရာျဖစ္တဲ႔ main-wrapper (or) content-wrapper ဆုိတာပါတယ္. ျပီးေတာ႔ အဲဒီ႔ Post Area နဲ႔ Sidebar ၾကားမွာ လပ္ေနတဲ႔ Space ေလးပါတယ္. အခုတန္းပလိတ္မွာ အဲဒီ႔ Space ေလးက 30 px ရွိတာေပါ႔. ျပီးေတာ႔ကာ sidebar-wrapper ပါတယ္. အဲဒီ႔သုံးခုေပါင္းလုိက္ရင္ outer-wrapper နဲ႔ ညီရပါမယ္. မဟုတ္ရင္ ကၽြန္ေတာ္တုိ႔ရဲ႔ တန္းပလိတ္ၾကီးဟာ အခ်ိဳးအစားမညီမွ်တာ ျဖစ္လာႏုိင္ပါတယ္.

ကဲ. ဒါဆုိရင္ အုိင္ဒီယာရျပီေပါ႔ေနာ္. ကၽြန္ေတာ္တုိ႔က ပုိ႔စ္ေရးတဲ႔ေနရာျဖစ္တဲ႔ main-wrapper (သုိ႔) content-wrapper ေနရာကုိ ခ်ဲ႔ရမွာပါ. သူ႔ကုိခ်ဲ႔သေလာက္ Outer-wrapper ကုိလည္း လုိက္ၾကီးေပးဖုိ႔ လုိပါတယ္.

ထားပါေတာ႔ဗ်ာ. အခုကိစၥမွာ Outer-wrapper က 660 px ျဖစ္ျပီးေတာ႔ main-wrapper က 410 px ပဲရွိတယ္. ကၽြန္ေတာ္က အဲဒီ႔ main-wrapper ကုိ ေနာက္ထပ္ 200 px ထပ္ေပါင္းခ်င္တယ္. ဆုိလုိတာက 410+200 = 610 px ျဖစ္ခ်င္တာေပါ႔.

ဒီေတာ႔ ကၽြန္ေတာ္တုိ႔အတြက္ ထပ္ေပါင္းထည္႔မယ္႔ နံပါတ္က 200 px ျဖစ္ေနတယ္. အဲဒီ႔ေကာင္ကုိ Outer-wrapper မွာ ျပန္ေပါင္းထည္႔ေပးဖုိ႔ လုိျပီေပါ႔. ဟုတ္တယ္ဟုတ္.

ဒါေၾကာင္႔ ကၽြန္ေတာ္တုိ႔ရဲ႔ တြက္ခ်က္မႈက ဒီလုိျဖစ္လာပါတယ္.

Main-wrapper = 410+200 = 610
Outer-wrapper = 660 + 200 = 860
Sidebar-wrapper = no change
Space Between = no change

အေပၚက ကုဒ္ဒင္းေလးေတြေနရာမွာ တစ္ခါတည္း အစားသြင္းလုိက္မယ္ေနာ္.

/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
width: 860px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}

#main-wrapper {
width: 610px;
float: $startSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

#sidebar-wrapper {
width: 220px;
float: $endSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

အဲဒီ႔အတုိင္းျပင္ျပီး တန္းပလိတ္ကုိ Save လုိက္ပါတယ္. ကဲ. ကၽြန္ေတာ္တုိ႔ရဲ႔ Result ကုိ ျပန္ၾကည္႔ရေအာင္.



တန္းပလိတ္ေလး က်ယ္သြားျပီဟုတ္…

၀မ္းသာအားရျဖစ္သြားတဲ႔ မ်က္ႏွာေလးက တစ္စုံတစ္ခုကို တအံ႔တဩစိုက္ၾကည္႔ရင္း ေမးခ်င္ေနျပီထင္တယ္.

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

ေစတနာကုိ နားလည္ပါဗ်ာ. ေနာ္.

နားမလည္လည္းေနေတာ႔… ဘာျဖစ္တယ္ဆုိတာ ဆက္ေျပာျပမယ္. ဟတ္ဟတ္.

တန္းပလိတ္ရဲ႔ Post Area ကေတာ႔ က်ယ္သြားပါရဲ႔. ဒါေပမယ္႔ Header က လုိက္မက်ယ္ဘဲ က်န္ေနခဲ႔တယ္.

ဒီေတာ႔ ကၽြန္ေတာ္တုိ႔ ကိုယ္႔ကုိယ္ကုိ ဘယ္လုိေမးသင္႔လဲ.

Header ကုိ ထိန္းထားတဲ႔ coding တစ္ခုခုေတာ႔ ရွိရမယ္.

တန္းပလိတ္ထဲကုိ ျပန္သြား… Header-wrapper ဆုိျပီး ရိုက္ၾကည္႔လုိက္ေတာ႔


/* Header
-----------------------------------------------
*/

#header-wrapper {
width:660px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}

အဲဒီ႔မွာ ေတြ႔ပါျပီဗ်ာ…

သူ႔ရဲ႔ width က 660 px တဲ႔. ကဲ. ကၽြန္ေတာ္တုိ႔ ဘယ္လုိဘာသာျပန္မလဲ

တန္းပလိတ္ကုိ မခ်ဲ႔ခင္က main-wrapper (or) content-wrapper ရဲ႔ width က ဘယ္ေလာက္ရွိခဲ႔လဲ. ျပန္ၾကည႔္လုိက္ရေအာင္.

610 px တဲ႔..

အင္း… ဒါဆုိရင္ေတာ႔ header-wrapper နဲ႔ main-wrapper မဆက္စပ္ဘူး. ေနာက္ထပ္လုိက္ရွာၾကည္႔လုိက္ရေအာင္. ဘာေတြ႔လဲ

ေတြ႔ပါျပီဗ်ာ.

Outer-wrapper ကလည္း 660 px ပဲ.

There you go!... We made it…

ဒါေၾကာင္႔ Outer-wrapper နဲ႔ Header-wrapper ဟာ အတူတူပဲ. ဘေလာ႔ဂ္တန္းပလိတ္ကုိ ခ်ဲ႔ရင္ Outer-wrapper ကုိတင္မကဘူး. Header-wrapper ကုိပါ လုိက္ရွာျပီး ျပင္ေပးဖုိ႔လုိတယ္လုိ႔ ကၽြန္ေတာ္တုိ႔ ေကာက္ခ်က္ခ်လုိက္ပါတယ္.

Header ေနရာဟာ တကယ္ေတာ႔ Banner ေနရာနဲ႔ အတူတူပါပဲ. ဒါေၾကာင္႔ ကုိယ္႔မွာ ဘန္နာေလးေတြ တင္ျပီးသားျဖစ္ေနခဲ႔ရင္လည္း အဲဒီ႔ဘန္နာကုိပါ လုိက္ျပီး ျပန္ခ်ဲ႔ေပးဖုိ႔လုိတယ္လုိ႔ မွတ္ရပါမယ္.

ကဲ. Header-wrapper ကုိ Outer-wrapper ရဲ႔ width အတုိင္းျပင္ျပီေနာ္.


/* Header
-----------------------------------------------
*/

#header-wrapper {
width:860px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}

တန္းပလိတ္ကုိ Save လုိက္မယ္. ျပီးေတာ႔ ကၽြန္ေတာ္တုိ႔ ရင္ခုန္စြာ ျပန္ၾကည္႔လုိက္ၾကရေအာင္လား.



Rounder Template ေတြကုိ ခ်ဲ႔နည္း က်န္ေသးတယ္.

Sidebar-wrapper ကုိ ခ်ဲ႔ခ်င္လည္း ရပါတယ္. Sidbar နဲ႔ Main ၾကားက Space ကုိ အတုိးအေလွ်ာ႔ လုပ္ခ်င္လည္း ရပါတယ္. ဘာေတြ ဘယ္လုိပဲလုပ္လုပ္ Outer-wrapper ရဲ႔ width ကုိ မေက်ာ္ရင္ ျပီးတာပါပဲ. ေက်ာ္ရင္ ဘယ္လုိျဖစ္မလဲ ကၽြန္ေတာ္႔ကုိ မေမးနဲ႔. ကုိယ္တုိင္သာစမ္းၾကည္႔…

ကဲ. အားလုံးပဲ ရယ္ေမာေပ်ာ္ရႊင္ႏုိင္ၾကပါေစသတည္း….











Playtagger နဲ႔ သီခ်င္းတင္နည္း (အေသးစိတ္ ရွင္းလင္းခ်က္)  

Contributor: ရန္ေအာင္

အားလုံးပဲ မဂၤလာပါခင္ဗ်ာ.

အရင္ဆုံး Playtagger ေလးအေၾကာင္း ပုိရွင္းေအာင္ ေဆြးေႏြးခ်င္ပါတယ္.

ကဲ. လုိရင္းကုိ တုိက္ရုိက္မသြားခင္ ဘာေၾကာင္႔ ဒီလုိ Process ေလးေတြ လုပ္ရတယ္ဆုိတာကုိ ေနာက္ျပန္ ျပန္စဥ္းစားလုိက္ရေအာင္လား..

သီခ်င္းတင္ခ်င္တယ္.

အုိေက..

ဒါဆုိရင္ အဲဒီ႔သီခ်င္းကုိ ဘယ္မွာတင္မွာလဲ.

အင္တာနက္ေပၚမွာ တင္မွာေပါ႔. ဟုတ္တယ္ဟုတ္.

ဒါဆုိရင္ စဥ္းစားၾကည္႔ရေအာင္လား. ခင္ဗ်ားစက္ထဲမွာ ရွိေနတဲ႔ သီခ်င္းတစ္ပုဒ္ကုိ တစ္ကမၻာလုံးမွာ ရွိေနတဲ႔ အင္တာနက္ သုံးသူေတြ နားဆင္ႏုိင္ေအာင္ ခင္ဗ်ား တစ္ခုခုကုိ လုပ္ရေတာ႔မယ္.

ဒီမွာ ေ၀ါဟာရအသစ္တစ္ခု ၀င္လာျပီ. ဖုိင္ဟုိစတင္း(File Hosting) တဲ႔…

ဒါကို ခင္ဗ်ားနားလည္ဖုိ႔ လုိအပ္လာျပီ.

သူက ဘာလုပ္တာလဲဆုိေတာ႔ ခင္ဗ်ားတင္ခ်င္တဲ႔ သီခ်င္းကို အင္တာနက္ေပၚမွာ တင္ႏုိင္ေအာင္ URL လင္႔ခ္တစ္ခုထုတ္ေပးတာေပါ႔ဗ်ာ. ေျပာရရင္ေတာ႔ အငွားတည္းခုိခြင္႔ျပဳတာေပါ႔. ဒါေၾကာင္႔လည္း သူ႔ကုိ Host လုပ္ေပးတယ္လုိ႔ ေခၚတာေပါ႔.

ဒါဆုိရင္ ပထမအဆင္႔ နားလည္သြားျပီဗ်ာ ေနာ္.

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


File Hosting လုပ္နည္းမ်ား...  

File Hosting ဆုိတာက ကုိယ္တင္ခ်င္တဲ႔ ဖုိင္ေလးေတြကုိ အဲဒီ႔ Site ေတြက သိမ္းေပးထားျပီး http://..... ဆုိတဲ႔ URL Link ေလး ျပန္ထုတ္ေပးတာပါ. အဲဒါကုိမွ ကုိယ္တင္ခ်င္တဲ႔ website, blog စတဲ႔ေနရာေတြမွာ တင္ေပးရတာမ်ိဳးပါ. (Host= အိမ္ရွင္ ဆုိေတာ႔ ကုိယ္႔ဖုိင္ေလးေတြက သူ႔အိမ္မွာ သြားျပီး စတည္းခ်ေနတာေပါ႔ဗ်ာ.)

Free hosting site ေတြ ရွိသလုိ အခေၾကးေငြနဲ႔ တင္ေပးတဲ႔ site ေတြလည္း ရွိပါတယ္. Professionally လုပ္ေတာ႔မယ္႔သူေတြ၊ ဒါမွမဟုတ္ file အမ်ားၾကီး တင္ခ်င္တဲ႔သူေတြကေတာ႔ ပုိက္ဆံေပးျပီး Capacity မ်ားမ်ားေပးတဲ႔ hosting site ေတြမွာ accnt လုပ္ၾကပါတယ္. ပုံမွန္ ကၽြန္ေတာ္တုိ႔လုိ အေပ်ာ္တမ္းသမားေတြကေတာ႔ free hosting site ေတြကုိပဲ သုံးၾကပါတယ္. သိပ္မ်ားလာလုိ႔ မႏုိင္ေတာ႔ရင္ ေနာက္ထပ္ accnt တစ္ခု ထပ္ဖြင္႔ရုံပဲေပါ႔ဗ်ာ. အဓိကက ပုိက္ဆံ မေပးရရင္ ျပီးေရာ မဟုတ္လား. ဟတ္ဟတ္

ကဲ. ဒါေလးေတြကေတာ႔ ကၽြန္ေတာ္တုိ႔ သိထားသင္႔တဲ႔ free hosting site ေလးေတြပါပဲ ခင္ဗ်ာ.

ပုံတင္ရန္

http://imageshack.us/
http://photobucket.com/

ဖုိင္တင္ရန္

http://www.fileden.com/
http://www.filefactory.com/
http://www.filexoom.com/
http://www.ripway.com/
http://www.pages.google.com/
http://www.mediafire.com/
http://files-upload.com/
http://www.wikiupload.com/
http://upload2.net/
http://www.filecrunch.com/


အဲဒါေလးေတြကေတာ႔ ကၽြန္ေတာ္သိသေလာက္ေလးေတြပါပဲ. တစ္ခုနဲ႔တစ္ခု ေပးတဲ႔ storage space မတူပါဘူး. Fileden က 1 G ေပးပါတယ္. Ripway ကေတာ႔ 30 MB ပဲ ေပးပါတယ္. က်န္တာေတြမွာလည္း ထုိနည္းလည္းေကာင္းပါပဲ. Unlimited ေပးတာ တစ္ခုေတာ႔ ရွိပါတယ္. Mediafire ပါ. (စာအုပ္ေတြတင္ဖုိ႔ သိပ္ေကာင္းပါတယ္) Pages.google.com ကေတာ႔ google pages ကုိ ေျပာတာပါ. Account Sign Up လုပ္စရာ မလုိပါဘူး. ကုိယ္႔ရဲ႔ Gmail Account နဲ႔ပဲ သုံးလုိ႔ရပါတယ္.

တစ္ခုကုိ အစမ္းလုပ္ျပပါမယ္. သေဘာတရားက အတူတူပါပဲ.

http://www.fileden.com ကုိသြားပါမယ္. Account Sign Up လုပ္ပါမယ္. ကုိယ္႔ Email ကုိ စာ၀င္လာပါလိမ္႔မယ္. Activate လုပ္ဖုိ႔ေပါ႔. လုပ္လုိက္ပါ. ျပီးသြားရင္ေတာ႔ Login လုပ္ပါမယ္ ခင္ဗ်ာ.



အေပၚမွာ ျမင္ေနရတဲ႔ Navigation Bar ေလးထဲကေန upload files ကုိ ေရြးပါမယ္. တစ္ျခား site ေတြမွာလည္း upload ဆုိတဲ႔ ပုံစံေလးေတြ ပါပါလိမ္႔မယ္. ခၽြတ္စြပ္ၾကီးေတာ႔ ဘယ္တူပါ႔မလဲဗ်ာေနာ္. စိတ္ရွည္ရွည္ထားျပီး ရွာၾကည္႔ရင္ သေဘာေပါက္သြားပါလိမ္႔မယ္…

Upload files ကုိေရြးလုိက္ပါျပီ. အခု file စတင္ပါေတာ႔မယ္. အစမ္းအေနနဲ႔ peekaboo လုပ္ဖုိ႔ myhacko.js ဆုိတဲ႔ ဖုိင္ေလးကုိ တင္ေပးပါမယ္. အဲဒါကုိ အရင္ဆုံး ကုိယ္႔ computer ေပၚကုိ download လုပ္ဖုိ႔ မေမ႔နဲ႔ဦးေနာ္. မလုပ္ရေသးရင္ ဒီမွာ အခုပဲ လုပ္လုိက္ပါ

Save လုပ္လုိက္တဲ႔ File ေလးကို Browse လုပ္ျပီး ရွာပါမယ္. Click ေခါက္ျပီး ေရြးလုိက္ပါမယ္. Upload ကုိ ႏွိပ္လုိက္ပါျပီ.




ဘာျဖစ္လဲ…



Error message ေပၚလာပါတယ္. This file extension is not allowed. တဲ႔. ကၽြန္ေတာ္တုိ႔ တင္တဲ႔ ဖုိင္က javascript file ေလ. Extension က js နဲ႔ ဆုံးတယ္. အဲဒီ႔လုိမ်ိဳး file type ကုိ လက္မခံဘူး. ဘယ္လုိလုပ္မလဲ.

ေနာက္တစ္မ်ိဳးနဲ႔ ေျပာင္းတင္မွာေပါ႔. မဟုတ္ဘူးလား. ဒါမ်ိဳးကိစၥေလးေတြ ျဖစ္တတ္လုိ႔ တမင္အမွားကုိ လုပ္ျပေပးတာပါ. ႏို႔မုိ႔ဆုိ ကုိယ္လုပ္တာပဲ မွားေနျပီလားလုိ႔ ေတြးပူေနမိမွာ စုိးလုိ႔ပါ.

ကဲ. Ripway နဲ႔ ေျပာင္းတင္ပါမယ္.

ထုံးစံအတုိင္း sign up/register လုပ္ပါ. Email activation ေတာင္းရင္ လုပ္ေပးလုိက္ပါ. မေတာင္းရင္ေတာ႔ ကုိယ္လုပ္စရာရွိတာသာ ဆက္လုပ္သြားလုိက္ပါ.



My files ဆုိတာကုိ ေရြးမယ္ေနာ္. ဒီလုိပုံစံ ေတြ႔ရပါမယ္.



အဲဒီ႔ထဲကမွ Upload files ဆုိတာကုိ ေရြးပါမယ္ခင္ဗ်ာ. ေအာက္ကပုံစံအတုိင္းေလး ေပၚလာပါလိမ္႔မယ္



Browse လုပ္ျပီး ကုိယ္တင္မယ္႔ file ကုိေရြးပါ. Myhacko.js ကုိေရြးမယ္ေနာ္. ေရြးျပီးရင္ upload လုပ္လုိက္ပါ. ေနာက္တစ္မ်က္ႏွာမွာ ဒီလုိျမင္ရပါမယ္.



Continue ဆက္လုပ္လုိက္ပါ. ေနာက္တစ္မ်က္ႏွာမွာေတာ႔ ကုိယ္တင္လုိက္တဲ႔ ဖုိင္ေလးကုိ ေတြ႔ရပါမယ္. အဲဒီ႔ထဲကမွ Direct Link URL ဆိုတာေလးရဲ႔ ေအာက္မွာ ေတြ႔ရတဲ႔ Link ေလးဟာ ကၽြန္ေတာ္တုိ႔လုိခ်င္တဲ႔ URL link ေလးပါပဲ ခင္ဗ်ာ.



ေနာက္တစ္ခုအေနနဲ႔ googlepages နဲ႔ တင္နည္းျပပါမယ္. ဒီေနရာကုိသြားျပီးရင္ ကုိယ္႔ရဲ႔ gmail account နဲ႔ sign in ၀င္လုိက္ပါ. ျပီးသြားရင္ accept terms ေတြဘာေတြ ဆက္လုပ္သြားပါ. ေနာက္တစ္ဆင္႔မွာ ကုိယ္႔ကုိ publish page တစ္ခုခု လုပ္ခုိင္းပါလိမ္႔မယ္. အဲဒါလည္း အေရးမၾကီးပါဘူး. လုပ္လုိက္ပါ. နာမည္ကုိလည္း ကုိယ္ၾကိဳက္တာ ေပးလုိ႔ရပါတယ္. ကၽြန္ေတာ္ကေတာ႔ theseandthose လုိ႔ ေပးထားခဲ႔တယ္ဗ်.

ေနာက္တစ္မ်က္ႏွာမွာ ဒီလုိျမင္ရပါမယ္.



ညာဖက္နား ခပ္က်က်ေလးက ဒီပုံေလးကုိ ၾကည္႔ပါ. အဲဒီ႔မွာ file ေတြကုိ Upload လုပ္ရမွာပါပဲ.



Browse လုပ္ျပီး တင္မယ္႔ file ကုိ ေရြးပါ. Googlepages က အလုိလုိပဲ တင္ေပးသြားပါလိမ္႔မယ္. ျပီးသြားရင္ ဖုိင္ရဲ႔ URL ကုိ ယူရပါမယ္.

ကုိယ္တင္လုိက္တဲ႔ ဖုိင္ေလးရဲ႔ အေပၚမွာ right click ေလး ေခါက္လုိက္ပါ. ျပီးရင္ copy link location ကုိ ေရြးလုိက္ပါ. အဲဒါ သူ႔ရဲ႔ URL ပါပဲ.

တစ္ျခားေသာ file hosting site မ်ားမွာလည္း ဒီပုံစံဆင္ဆင္ေလးေတြပါပဲ. စမ္းသုံးၾကည္႔ၾကပါလုိ႔ တုိက္တြန္းပါတယ္.


ေနာက္တစ္ဆင္႔ ဆက္ေျပာမယ္.

URL Link ကေတာ႔ ရလာပါျပီ. အဲဒါကုိ ဘယ္လုိတင္ျပရမလဲ.

ဒီေနရာမွာ HTML Coding ေလးတစ္ခုကို နားလည္ဖုိ႔ လုိအပ္လာပါျပီ. အမ်ားၾကီးမလုိပါဘူးေနာ္. တကယ္႔ကုိ နည္းနည္းေလးပါ. လင္႔ခ္ခ်ိတ္တဲ႔ ကုဒ္ဒင္းေလးပါပဲ. Anchor Tag လုိ႔ ေခၚပါတယ္.

Myanmar Bloggers Helpdesk


ဒါဆုိရင္ ကၽြန္ေတာ္တုိ႔ဟာ Myanmar Blogger Helpdesk ဆုိတဲ႔ site ေလးကုိ လင္႔ခ္လွမ္းခ်ိတ္လုိက္တာပဲ ျဖစ္ပါတယ္.

အခု ကၽြန္ေတာ္တုိ႔ သီခ်င္းတင္ဖုိ႔ သီခ်င္းကုိ Host လုပ္ျပီးျပီ. လင္႔ခ္လည္း ထုတ္ျပီးျပီ. တင္ေတာ႔မယ္ဆုိေတာ႔ အေပၚက ျပထားတဲ႔ အတုိင္းေလး လင္႔ခ္ခ်ိတ္လုိုက္ရင္ ရျပီလား…

ကဲ. တင္လုိက္ျပီဗ်ာ.

ေနခ်င္တာ မင္းအနားမွာ

ႏွိပ္ၾကည္႔လုိက္ပါ. ဘာျဖစ္မလဲ..

ဘာမွမျဖစ္လာပါဘူး.

လုပ္ပုံလုပ္နည္းကလည္း မွန္ပါရဲ႔နဲ႔ ဘာလုိ႔ ဒီ playtagger ေလးက အလုပ္မလုပ္တာလဲ…

ရွင္းပါတယ္. ကၽြန္ေတာ္တုိ႔ရဲ႔ ဘေလာ႔ဂ္တန္းပလိတ္ထဲမွာ Playtagger နဲ႔ ပတ္သက္တဲ႔ script ေလး မထည္႔ခဲ႔လုိ႔႔ပါ..

အဲဒါကုိ ဘယ္ေနရာမွာ ထည္႔ရမွာလဲ. အဲဒီ႔ script ေလးေတြက ဘာလဲ..

အုိေက. ေဟာဒီ႔မွာဗ်ာ. လုိအပ္တဲ႔ script ေလးေတြ…



ဘယ္ေနရာမွာ ထည္႔ရမလဲဆုိေတာ႔ အရင္ဆုံး ကုိယ္႔ဘေလာ႔ဂ္ရဲ႔ တန္းပလိတ္ကုိ သြားပါ.

ျပီးရင္ေတာ႔ ဆုိတာေလးကုိ ေတြ႔ေအာင္ရွာပါ. ရွာလုိ႔ေတြ႔တာနဲ႔ သူ႔အေပၚ ကပ္လ်က္မွာ ခုနက ေပးထားတဲ႔ script ေလးေတြကုိ ထည္႔ေပးလုိက္ပါ. ဒါဆုိရင္ ျပီးသြားပါျပီ…

ကဲ. ကၽြန္ေတာ္ေနာက္ျပန္ေတြပဲ ျပန္ေျပာျပီးသြားျပီေနာ္. အခုေလာက္ဆုိရင္ ကၽြန္ေတာ္တုိ႔ playtagger နဲ႔ သီခ်င္းတင္ႏိုင္ဖုိ႔ ဘာေတြ လုပ္ရမယ္ဆုိတာကုိ ျခဳံငုံသုံးသပ္မိျပီလုိ႔ ယူဆပါတယ္.

(၁) Playtagger Script ေလးကုိ ဘေလာ႔ဂ္တန္းပလိတ္ရဲ႔ Tag မတုိင္ခင္ေလးမွာ ထည္႔ေပးရမယ္.

(၂) တင္ခ်င္တဲ႔ သီခ်င္းကုိ host လုပ္ျပီး လင္႔ခ္ထုတ္ယူရမယ္.

(၃) my song ဆုိတဲ႔ ပုံစံေလးနဲ႔ ကုိယ္႔ရဲ႔ ပုိ႔စ္ေလးထဲမွာ တင္ရမယ္.

ဒါဆုိရင္ ျပီးပါျပီ.

Window Media Player ျဖင့္ Playlist တစ္ခုဖန္တီးျခင္း  


Contributor: ခ်မ္းျမစုိး

wmp ျဖင့္ playlist တစ္ခုဖန္တီး၍ webpage မ်ား Blog မ်ားတြင္ ထည့္သြင္းအသံုးျပဳႏုိင္ရန္ ရည္႐ြယ္ပါသည္။ သီခ်င္းတစ္ပုဒ္တည္းမကဘဲ သီခ်င္းအပုဒ္ေပါင္းမ်ားစြာကို ထည့္သြင္းအသံုးျပဳႏုိင္ရန္အတြက္ ေအာက္ပါအဆင့္မ်ားအတုိင္း ျပဳလုပ္ရံုပါပဲ။ sample ျပဳလုပ္ထားေသာ Player ကို cmsmdy.com တြင္ ၾကည့္ရွဳ႕ႏုိင္ပါသည္။

၁။ ထည့္သြင္းလိုေသာ သီခ်င္းFileမ်ား (.wma or .mp3) ကို FileHosting (eg. fileden.com) တစ္ခုခုတြင္ အရင္ဆံုး Upload လုပ္ပါ။

၂။ TextEditor (eg. notepad) တစ္ခုခုကိုဖြင့္ပါ။ Upload လုပ္ထားေသာဖိုင္မ်ားရဲ႕ Location (URL) ကိုထည့္သြင္းပါ။

example list:


၃။ ထိုဖိုင္ကို music.m3u နာမည္ျဖင့္သိမ္းပါ။ [ music နာမည္အစားႀကိဳက္တဲ့ နာမည္တစ္ခုခုသံုး၍ရပါသည္။ သို႔ေသာ္ .m3u extension ကေတာ့ မပါမျဖစ္ ပါရပါမည္။ ]

၄။ music.m3u ဖိုင္ကို FileHosting (eg. fielden.com) တစ္ခုခုတြင္ Upload လုပ္ပါ။

၅။ Webpage (သို႔) Old Blogger တြင္ Player ထည့္သြင္းရန္အတြက္ အသံုးျပဳရမည့္ Code မွာ ...


< OBJECT ID="MediaPlayer1" CLASSID="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95" CODEBASE="http://activex.microsoft.com
/activex/controls/mplayer/en/nsmp2inf.cab#
Version=5,1,52,701"
STANDBY="Loading Microsoft Windows® Media Player components..."
TYPE="application/x-oleobject" width="280" height="46" >

http://www.domain.com/music/music.m3u">







true">




-300">
http://www.domain.com/music/music.m3u" name="MediaPlayer1" width=280 height=46 autostart=1 showcontrols=1 volume=-300>

၆။ BetaBlogger တြင္ ထည့္သြင္းရမည့္ Code ...


STANDBY="Loading Microsoft Windows® Media Player components..." TYPE="application/x-oleobject" width="280" height="46"> http://www.domain.com/music/music.m3u"/> true"/> -300"/> http://www.domain.com/music/music.m3u" name="MediaPlayer1" width="280" height="46" autostart="1" showcontrols="1" volume="-300">

အနီျဖင့္ျပထားေသာေနရာတြင္ FileHosting ၌ Upload လုပ္ခဲ့ၿပီးေသာ .m3u File ရဲ႕ address (URL) ကိုအစားသြင္းရမွာျဖစ္ၿပီး အစိမ္းေရာင္ျဖင့္ျပထားေသာ တန္ဖိုးမ်ားေနရာ၌ လိုအပ္သလို စိတ္တုိင္းက် ေျပာင္းလဲျပဳျပင္ႏုိင္ပါသည္။



No comments:

Post a Comment