ညေလး ဘေလာ့ဂ္ စလုပ္တုန္းက Error ႀကီး နဲ႔တိုးေနတယ္ (သိၿပီးၾကၿပီေနာ္)၊ ၿပီးေတာ့လဲ ညေလးက ေအာ္ရီခ်င္တယ္ (အဲေလ ေအာ္ရဂ်င္နယ္) ပါတဲ့ ဘန္နာကို သေဘာမက်ပါဘူး။ ဘန္နာတင္ဖို႔ကိုလဲ ဘယ္နား သြားတင္ရမလဲ ဆိုတာ မသိပါဘူး။ ဘန္နာကို ဘေလာ့ဂ္မွာ တင္လို႔ မရမခ်င္းလဲ ငါ့ဘေလာ့ဂ္ကို ဘယ္သူ႔မွ လင့္ခ္ မေပးဘူးလို႔ ဆံုးျဖတ္ထားပါတယ္ (ညေလးက အဲ့လိုမ်ဳိး၊ ေကာင္းဘူးေနာ္)။ ေနာက္ၿပီး ဘန္နာကို ဘယ္လို တင္ရလဲလို႔ ေမးလိုက္တိုင္း Header မွာ url ေပးရင္ ရၿပီလို႔ ေျပာၾကတာမ်ားပါတယ္။ ဒါေပမယ့္ မရပါဘူး။ ညေလးလဲ အရမ္းႀကီး ေတာ္၊ သိ၊ တတ္ ေနလို႔ေတာ့ မဟုတ္ပါဘူး။ ကိုယ့္ဘေလာ့ဂ္မွာ ဘန္နာေလးမွ လွလွေလး မတင္ထားရင္ ၾကည့္ရတာ ရုပ္ဆိုးေနသလိုလို၊ သနပ္ခါးမလိမ္းပဲ အျပင္ထြက္တဲ့ မိန္းကေလးလိုမ်ဳိး အၾကည့္ရ ဆိုးေနလို႔ ဘန္နာတင္ခ်င္တာပါ။
ဒါနဲ႔ပဲ ရွိသမွ် ဘန္နာ တင္ထားတဲ့ ဘေလာ့ဂ္ေတြရဲ႕ Source ေတြကို လိုက္ၿပီး ဖတ္ပါတယ္၊ ဘယ္နားမွာ ဘာထည့္လိုက္လဲ ဆိုၿပီးေတာ့ေလ။ သူတို႔ေတြ ေရးထားသလိုမ်ဳိး လိုက္ေရး၊ လိုက္ျဖည့္ၾကည့္တာလဲ မရပါဘူး။ ဟိုဒီ ေလွ်ာက္လုပ္ေနရင္းနဲ႔ ဘန္နာႀကီးက ႏွစ္ထပ္ျဖစ္သြားပါေလေရာ၊ အဲ့ဒါမွ ဒုကၡပဲ ဘယ္နား ျပန္သြားၿပီး ျဖဳတ္ရမွန္းလဲမသိ။ ေနာက္ေတာ့မွ နဂိုရွိေနတဲ့ ဘန္နာကို အရင္ျဖဳတ္ရမယ္၊ ေပၚမေနေအာင္ လုပ္မွ ရမယ္လို႔ သိလိုက္ပါတယ္၊ ဒါေပမယ့္ အဲ့ဒီ Code ကိုျဖတ္တာနဲ႔ Error တက္လာပါတယ္။ ဒီလိုနဲ႔ပဲ ဉာဏ္ကို ျဖဴ၊ နီ၊ ျပာ၊ ၀ါ ေရာင္စံု ကြန္႔ျမဴးလိုက္တာ ေနာက္ဆံုးမွာေတာ့ ရသြားပါတယ္၊ ဦးေႏွာက္လဲ ေတာ္ေတာ္ ေျခာက္သြားပါတယ္ (ေရစြတ္ၿပီး ထပ္စဥ္းစားတာေပါ့၊ ဘယ္ရမလဲေနာ့)။ ဘန္နာတင္ဖို႔ ရွာတာလဲ ႏွစ္ရက္ေလာက္ကို အခ်ိန္ ၾကာသြားပါတယ္။ သူမ်ားေတြ အဲ့ေလာက္ ၾကာပါ့မလားပဲေနာ္၊ ညံ့ခ်က္က။
အဆင္ေျပေအာင္ ျဖဳတ္ရမယ့္ စာေတြကို အနီေရာင္နဲ႔ ျပထားၿပီး၊ ထည့္ရမွာကိုေတာ့ အျပာနဲ႔ ျပထားပါတယ္။ အေပၚက Check box ေလးကို အမွန္ေပးခဲ့ဖို႔ မေမ့နဲ႔ေနာ္၊ ဒါမွ အကုန္ေပၚမွာ (html code) ေတြေျပာပါတယ္။ ရွာရလြယ္ေအာင္လို႔ body ကေန စၿပီး ကူးေပးထားပါတယ္။ ေအာက္မွာ ညေလးကလိထားတဲ့ ဘန္နာတင္ရင္ ဘာျဖဳတ္ရမလဲ ဘာထပ္ထည့္ရမလဲ ဆိုတာေလး ၾကည့္ရေအာင္ေနာ္...
<body>
<div id='outer-wrapper'><div id='wrap2'>
<!-- skip links for text browsers -->
<span id='skiplinks' style='display:none;'>
<a href='#main'>skip to main </a> |
<a href='#sidebar'>skip to sidebar</a>
</span>
<div id='tiltle'> header-wrapper
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='အိပ္မက္ဒိုင္ယာရီ(Header)' type='Header'>
<b:includable id='main'>
<div class='tiltle'> header-wrapper
<h1 class='tiltle'> header
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<data:tiltle/> header
<b:else/>
<a expr:href='data:blog.homepageUrl'><data:tiltle/></a> header
</b:if>
</h1>
</div>
အစားသြင္းရမယ့္ စာေလးေတြက နည္းပါတယ္။ ၿပီးေတာ့ ကိုယ္ျပင္ၿပီးသြားရင္ ဘယ္ေနရာေလးက ဘယ္လို လိုက္ေျပာင္းသြားလဲ ဆိုတာ ဘေလာ့ဂ္ကို ခဏခဏ Preview ကိုၾကည့္ပါေနာ္။ ဒါမွလဲ ကိုယ္ဘာေရးၿပီးရင္ သူကဘယ္နား ျပင္ေပးသြားတယ္ဆိုတာ သိရမွာပါ၊ ညေလးဆို Template ျပင္ရင္ ခဏခဏ Preview ေခၚၾကည့္တယ္။ ေနာက္ဆို သတိထားမွ ညေလး ျပင္ေနခ်ိန္နဲ႔ ၀င္ၾကည့္တဲ့သူနဲ႔ တိုးရင္ ဒီ ဘေလာ့ဂ္က ဘာပါလိမ့္ ခဏခဏ ေျပာင္းေနတယ္လို႔ အေျပာခံရမွာ ေသခ်ာတယ္။
Description က စာေတြလဲ Setting ထဲ၀င္ၿပီး ျပန္ဖ်က္ေပးပါ။ ၿပီးေတာ့လဲ Border ေတြ က်န္ေနပါေသးတယ္၊ ေတြ႕မွာပါ။ ဒီေတာ့ Header နဲ႔ header description ေနရာမွာ ေရးထားတဲ့ border: 1px solid; ဘာျဖစ္တယ္၊ ညာျဖစ္တယ္ ဆိုတာပါ ျဖဳတ္ေပးပါ။ ဒါလဲ မၿပီးေသးပါဘူး။
ဘန္နာတင္ရင္ အရင္ဆံုး ကို္ယ္တင္ခ်င္တဲ့ ဘန္နာကို url ထုတ္ထားရပါမယ္။ ညေလးကေတာ့ photobucket သံုးပါတယ္။ ဒါေလးက အဆင္ေျပလို႔ပါ လိုခ်င္တဲ့ image file ကို ထည့္ထားလိုက္ရင္ သူက ပံုမွန္ size အတိုင္း ျပန္ထုတ္ေပးပါတယ္။ ၿပီးေတာ့ animation image ေတြလဲ တင္လို႔ရပါတယ္ (ရုပ္အရွင္ပါ)။ ေနာက္ဆံုးအဆင့္ ဘန္နာ ေခၚတင္ဖို႔ကို ျဖည့္ရမယ့္စာေတြကို အျပာေရာင္နဲ႔ ျပထားပါ့မယ္။ ေအာက္မွာ ဆက္ၾကည့္ ရေအာင္ေနာ္....
#header-wrapper {
width:800px; ဒါက ဘန္နာအလ်ားပါ။
height:250px; ဒါက ဘန္နာအျမင့္ပါ။
margin:0 auto 5px;
font:normal bold 100% 'Zawgyi-One', Comic Sans MS, Arial,Verdana, Sens-Serif, Zawgyi1;
}
#header {
width:800px;
height:250px;
background:url(http://i122.photobucket.com/albums/o242/thwe79/AinMetDiary1.jpg) no-repeat center top; ဒါကေတာ့ ညေလးရဲ႕ ဘန္နာပါ။
margin: 0px auto;
text-align: center;
color:#3D81EE;
font:normal bold 100% 'Zawgyi-One', Comic Sans MS, Arial,Verdana, Sens-Serif, Zawgyi1;
}
*****
ေဘးနားမွာ ညေလး လိုက္ေရးထားတဲ့ စာေတြကို ထည့္ေရးလိုက္ရင္ေတာ့ Error ႀကီး (ညေလးေဘာ္ဒါ) နဲ႔ တိုးသြားပါမယ္။ ညေလး ေရးထားတာ မရွင္းဘူးဆိုရင္လဲ ရွင္းျပတဲ့ က်မ ညံ့တယ္လို႔ပဲ မွတ္ပါ။ ဒါမွမရေသးရင္ ညေလးဆီ Template ပို႔လိုက္ပါ (ညေလး ျပင္မတတ္ဘူး ေျပာမလို႔ပါ)၊ ေကာ္မက္မွာ ၀င္ေမးေပးပါ။
*****
ဒီစာကို မေန႔က တင္မလို႔ပါပဲ ဒါေပမယ့္ html code ေတြနဲ႔ ေရးၿပီး တင္လိုက္တာ လူဖတ္မရတဲ့ စာေတြနဲ႔ ရႈပ္ေနေအာင္ တက္လာလို႔ ဒီေန႔မွ တင္ျဖစ္သြားတာပါ။ ကိုယ့္စိတ္ႀကိဳက္ ဘန္နာေလးမ်ားျဖင့္ ဘေလာ့ဂ္ကို အလွဆင္ရင္း ေပ်ာ္ရႊင္ႏိုင္ၾကပါေစ။
*****
ျဖည့္စြက္ခ်က္ - html code ေတြကို အမွန္အတုိင္း ေပၚေအာင္ (post မွာတင္လို႔ရေအာင္) ေျပာျပေပးတဲ့ ကိုခ်မ္းျမစိုး ကို ေက်းဇူးတင္ပါတယ္။ သူရွင္းျပထားတာ ၾကည့္ခ်င္ရင္ေတာ့ ဒီလင့္ခ္ မွာ ၀င္ၾကည့္လို႔ ရပါတယ္။
*****ဒါနဲ႔ပဲ ရွိသမွ် ဘန္နာ တင္ထားတဲ့ ဘေလာ့ဂ္ေတြရဲ႕ Source ေတြကို လိုက္ၿပီး ဖတ္ပါတယ္၊ ဘယ္နားမွာ ဘာထည့္လိုက္လဲ ဆိုၿပီးေတာ့ေလ။ သူတို႔ေတြ ေရးထားသလိုမ်ဳိး လိုက္ေရး၊ လိုက္ျဖည့္ၾကည့္တာလဲ မရပါဘူး။ ဟိုဒီ ေလွ်ာက္လုပ္ေနရင္းနဲ႔ ဘန္နာႀကီးက ႏွစ္ထပ္ျဖစ္သြားပါေလေရာ၊ အဲ့ဒါမွ ဒုကၡပဲ ဘယ္နား ျပန္သြားၿပီး ျဖဳတ္ရမွန္းလဲမသိ။ ေနာက္ေတာ့မွ နဂိုရွိေနတဲ့ ဘန္နာကို အရင္ျဖဳတ္ရမယ္၊ ေပၚမေနေအာင္ လုပ္မွ ရမယ္လို႔ သိလိုက္ပါတယ္၊ ဒါေပမယ့္ အဲ့ဒီ Code ကိုျဖတ္တာနဲ႔ Error တက္လာပါတယ္။ ဒီလိုနဲ႔ပဲ ဉာဏ္ကို ျဖဴ၊ နီ၊ ျပာ၊ ၀ါ ေရာင္စံု ကြန္႔ျမဴးလိုက္တာ ေနာက္ဆံုးမွာေတာ့ ရသြားပါတယ္၊ ဦးေႏွာက္လဲ ေတာ္ေတာ္ ေျခာက္သြားပါတယ္ (ေရစြတ္ၿပီး ထပ္စဥ္းစားတာေပါ့၊ ဘယ္ရမလဲေနာ့)။ ဘန္နာတင္ဖို႔ ရွာတာလဲ ႏွစ္ရက္ေလာက္ကို အခ်ိန္ ၾကာသြားပါတယ္။ သူမ်ားေတြ အဲ့ေလာက္ ၾကာပါ့မလားပဲေနာ္၊ ညံ့ခ်က္က။
အဆင္ေျပေအာင္ ျဖဳတ္ရမယ့္ စာေတြကို အနီေရာင္နဲ႔ ျပထားၿပီး၊ ထည့္ရမွာကိုေတာ့ အျပာနဲ႔ ျပထားပါတယ္။ အေပၚက Check box ေလးကို အမွန္ေပးခဲ့ဖို႔ မေမ့နဲ႔ေနာ္၊ ဒါမွ အကုန္ေပၚမွာ (html code) ေတြေျပာပါတယ္။ ရွာရလြယ္ေအာင္လို႔ body ကေန စၿပီး ကူးေပးထားပါတယ္။ ေအာက္မွာ ညေလးကလိထားတဲ့ ဘန္နာတင္ရင္ ဘာျဖဳတ္ရမလဲ ဘာထပ္ထည့္ရမလဲ ဆိုတာေလး ၾကည့္ရေအာင္ေနာ္...
<body>
<div id='outer-wrapper'><div id='wrap2'>
<!-- skip links for text browsers -->
<span id='skiplinks' style='display:none;'>
<a href='#main'>skip to main </a> |
<a href='#sidebar'>skip to sidebar</a>
</span>
<div id='tiltle'> header-wrapper
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='အိပ္မက္ဒိုင္ယာရီ(Header)' type='Header'>
<b:includable id='main'>
<div class='tiltle'> header-wrapper
<h1 class='tiltle'> header
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<data:tiltle/> header
<b:else/>
<a expr:href='data:blog.homepageUrl'><data:tiltle/></a> header
</b:if>
</h1>
</div>
အစားသြင္းရမယ့္ စာေလးေတြက နည္းပါတယ္။ ၿပီးေတာ့ ကိုယ္ျပင္ၿပီးသြားရင္ ဘယ္ေနရာေလးက ဘယ္လို လိုက္ေျပာင္းသြားလဲ ဆိုတာ ဘေလာ့ဂ္ကို ခဏခဏ Preview ကိုၾကည့္ပါေနာ္။ ဒါမွလဲ ကိုယ္ဘာေရးၿပီးရင္ သူကဘယ္နား ျပင္ေပးသြားတယ္ဆိုတာ သိရမွာပါ၊ ညေလးဆို Template ျပင္ရင္ ခဏခဏ Preview ေခၚၾကည့္တယ္။ ေနာက္ဆို သတိထားမွ ညေလး ျပင္ေနခ်ိန္နဲ႔ ၀င္ၾကည့္တဲ့သူနဲ႔ တိုးရင္ ဒီ ဘေလာ့ဂ္က ဘာပါလိမ့္ ခဏခဏ ေျပာင္းေနတယ္လို႔ အေျပာခံရမွာ ေသခ်ာတယ္။
Description က စာေတြလဲ Setting ထဲ၀င္ၿပီး ျပန္ဖ်က္ေပးပါ။ ၿပီးေတာ့လဲ Border ေတြ က်န္ေနပါေသးတယ္၊ ေတြ႕မွာပါ။ ဒီေတာ့ Header နဲ႔ header description ေနရာမွာ ေရးထားတဲ့ border: 1px solid; ဘာျဖစ္တယ္၊ ညာျဖစ္တယ္ ဆိုတာပါ ျဖဳတ္ေပးပါ။ ဒါလဲ မၿပီးေသးပါဘူး။
ဘန္နာတင္ရင္ အရင္ဆံုး ကို္ယ္တင္ခ်င္တဲ့ ဘန္နာကို url ထုတ္ထားရပါမယ္။ ညေလးကေတာ့ photobucket သံုးပါတယ္။ ဒါေလးက အဆင္ေျပလို႔ပါ လိုခ်င္တဲ့ image file ကို ထည့္ထားလိုက္ရင္ သူက ပံုမွန္ size အတိုင္း ျပန္ထုတ္ေပးပါတယ္။ ၿပီးေတာ့ animation image ေတြလဲ တင္လို႔ရပါတယ္ (ရုပ္အရွင္ပါ)။ ေနာက္ဆံုးအဆင့္ ဘန္နာ ေခၚတင္ဖို႔ကို ျဖည့္ရမယ့္စာေတြကို အျပာေရာင္နဲ႔ ျပထားပါ့မယ္။ ေအာက္မွာ ဆက္ၾကည့္ ရေအာင္ေနာ္....
#header-wrapper {
width:800px; ဒါက ဘန္နာအလ်ားပါ။
height:250px; ဒါက ဘန္နာအျမင့္ပါ။
margin:0 auto 5px;
font:normal bold 100% 'Zawgyi-One', Comic Sans MS, Arial,Verdana, Sens-Serif, Zawgyi1;
}
#header {
width:800px;
height:250px;
background:url(http://i122.photobucket.com/albums/o242/thwe79/AinMetDiary1.jpg) no-repeat center top; ဒါကေတာ့ ညေလးရဲ႕ ဘန္နာပါ။
margin: 0px auto;
text-align: center;
color:#3D81EE;
font:normal bold 100% 'Zawgyi-One', Comic Sans MS, Arial,Verdana, Sens-Serif, Zawgyi1;
}
*****
ေဘးနားမွာ ညေလး လိုက္ေရးထားတဲ့ စာေတြကို ထည့္ေရးလိုက္ရင္ေတာ့ Error ႀကီး (ညေလးေဘာ္ဒါ) နဲ႔ တိုးသြားပါမယ္။ ညေလး ေရးထားတာ မရွင္းဘူးဆိုရင္လဲ ရွင္းျပတဲ့ က်မ ညံ့တယ္လို႔ပဲ မွတ္ပါ။ ဒါမွမရေသးရင္ ညေလးဆီ Template ပို႔လိုက္ပါ (ညေလး ျပင္မတတ္ဘူး ေျပာမလို႔ပါ)၊ ေကာ္မက္မွာ ၀င္ေမးေပးပါ။
*****
ဒီစာကို မေန႔က တင္မလို႔ပါပဲ ဒါေပမယ့္ html code ေတြနဲ႔ ေရးၿပီး တင္လိုက္တာ လူဖတ္မရတဲ့ စာေတြနဲ႔ ရႈပ္ေနေအာင္ တက္လာလို႔ ဒီေန႔မွ တင္ျဖစ္သြားတာပါ။ ကိုယ့္စိတ္ႀကိဳက္ ဘန္နာေလးမ်ားျဖင့္ ဘေလာ့ဂ္ကို အလွဆင္ရင္း ေပ်ာ္ရႊင္ႏိုင္ၾကပါေစ။
*****
ျဖည့္စြက္ခ်က္ - html code ေတြကို အမွန္အတုိင္း ေပၚေအာင္ (post မွာတင္လို႔ရေအာင္) ေျပာျပေပးတဲ့ ကိုခ်မ္းျမစိုး ကို ေက်းဇူးတင္ပါတယ္။ သူရွင္းျပထားတာ ၾကည့္ခ်င္ရင္ေတာ့ ဒီလင့္ခ္ မွာ ၀င္ၾကည့္လို႔ ရပါတယ္။
Posts
0 comments:
Post a Comment