Blog Help Desk Book

ဘေလာ့ႏွင့္ ပတ္သက္ေသာ
အခ်က္အလက္မ်ား
စာအုပ္
http://mmbloggershelpdesk.blogspot.com/ မွ
ကူးယူျပဳစုသည္။
ကူးယူျပဳစုသူ
ေမာင္ေစတနာ
zinmaungmg@gmail.com
www.mgsaytanar.blogspot.com
1
Alert Message Box ေလးမ်ားလုပ္နည္း
written by Yan at Thursday, April 17, 2008
Contributor: ရန္ေအာင္
ကုိယ္႔ဘေလာ႔ဂ္ (သုိ႔) ၀က္ဘ္ဆုိက္ထဲကုိ ၀င္လာတဲ႔ စာဖတ္သူကုိ Message Box ေလးနဲ႔ ၾကိဳဆုိတာပဲျဖစ္ေစ၊ သိေစခ်င္တဲ႔
ေၾကျငာခ်က္ေလးေတြကုိ Highlight လုပ္ျပတာပဲ ျဖစ္ေစျဖစ္ေစ၊ သတိေပးေၾကျငာခ်င္တာေလးေတြကုိ ေျပာျပခ်င္တာပဲ
ျဖစ္ေစေပါ႔ အလုိရွိသလုိ အသုံးခ်ႏုိင္ပါတယ္.
Message Box ေလးေတြကုိ လုပ္နည္း အမ်ိဳးမ်ိဳးရွိတဲ႔ အထဲက အဆင္ေျပဆုံး နည္းလမ္းေလးကုိ ေရြးခ်ယ္ျပီး

ျပန္လည္ေဆြးေႏြးထားျခင္းသာ ျဖစ္ပါတယ္.
ကဲ. စလုိက္ၾကရေအာင္လားဗ်ာ…
Alert Box with OK Button
အဲဒါေလးကုိ လုပ္ဖုိ႔အတြက္ Template ထဲကုိသြားပါ. Page Elements ကုိသြားပါ. ျပီးေတာ႔ Add a page Element လုပ္ျပီး
HTML/Javascript ကုိေရြးပါ. ျပီးရင္ ေအာက္ပါ ကုဒ္ဒင္းေလးေတြကုိ ထည္႔ေပးလုိက္ပါ.
<script type="text/javascript">
alert('You are about to enter an extremely funny site. People who are prone to laughing fits ... Beware!')
</script>
<noscript>Enable javascript in your browser to view an important message.</noscript>
အနီေရာင္နဲ႔ ျပထားတာေလးေတြက ကုိယ္ေပၚေစခ်င္တဲ႔ Message ေလးေတြပါ. အျပာေရာင္ေလးနဲ႔ ျပထားတာေလးကေတာ႔

တကယ္လုိ႔မ်ား user က သူ႔ရဲ႔ Browser မွာ Javascript Functions ကုိ off လုပ္ထားခဲ႔ရင္ ျပန္ဖြင္႔ေအာင္ သတိေပးထားတာပါ.
ျမန္မာလုိ ေပၚေစခ်င္တယ္ဆုိရင္ေတာ႔ Zawgyi-One ကုိ ထည္႔ေၾကျငာေပးရပါမယ္. ဒီမွာ အစမ္းလုပ္ျပထားတာ ၾကည္႔ပါ.
alert(<font face="Zawgyi-One">'ေဟ႔ေဟ႔. သတိထားေနာ္. ခင္ဗ်ား အခုသြားေနတာ ကုိရန္ေအာင္ရဲ႔ ဘေလာ႔ဂ္ဗ်.
ဟတ္ဟတ္ဟတ္.'</font>)
</script>
<noscript>Enable javascript in your browser to view an important message.</noscript>
ဒါမ်ိဳးေလးေပၚလာမွာ ျဖစ္ပါတယ္.
2
Alert Box with Confirmation Button
ဒါကက်ေတာ႔ စာဖတ္သူကုိ ေရြးခ်ယ္ခြင္႔ေပးတာပါ. ဆက္သြားမလား. ဒါမွမဟုတ္ မဖတ္ေတာ႔ဘဲ ျပန္ထြက္မလားဆိုတာကုိ

ေရြးခုိင္းတာေပါ႔.
ခုနကလုိပါပဲ. Template ထဲကုိသြားပါ. Page Elements ကုိသြားပါ. ျပီးေတာ႔ Add a page Element လုပ္ျပီး HTML/Javascript
ကုိေရြးပါ. ျပီးရင္ ေအာက္ပါ ကုဒ္ဒင္းေလးေတြကုိ ထည္႔ေပးလုိက္ပါ.
confirm('This site contains explicit blogger hacks and tircks. You might bet dizzy. Are you sure you want to
continue?');
if (confirm('This site contains explicit blogger hacks and tricks. You might bet dizzy. Are you sure you want to
continue?')) {
window.location = "http://mmbloggershelpdesk.blogspot.com/";
}
else {
window.location = "http://www.yanaung.blogspot.com/";
}
</script>
အနီေရာင္နဲ႔ ျပထားတာေလးေတြက သင္ေပၚေစခ်င္တဲ႔ စာေၾကာင္းေလးေတြ ျဖစ္ပါတယ္. အျပာေရာင္ေလးနဲ႔

ျပထားတာေလးကေတာ႔ OK Button ကုိ ႏွိပ္လုိက္ရင္ ေရာက္ရွိသြားမယ္႔ လင္႔ခ္ျဖစ္ပါတယ္. လိေမၼာ္ေရာင္ေလးနဲ႔
ျပထားတာကေတာ႔ Cancel Button ကုိ ႏွိပ္လုိက္ရင္ စာဖတ္သူကုိ ျပန္ျပီးေတာ႔ Redirect လုပ္ေပးမယ္႔ စာမ်က္ႏွာျဖစ္ပါတယ္.
ဒါကေတာ႔ ျမန္မာလုိ ဥပမာေပးထားတာပါ.
confirm(<font face="Zawgyi-One">'ေဟ႔ေဟ႔. သတိထားေနာ္. ခင္ဗ်ား အခုသြားေနတာ ကုိရန္ေအာင္ရဲ႔ ဘေလာ႔ဂ္ဗ်.
ဟတ္ဟတ္ဟတ္. OK ကုိ ႏွိပ္လုိက္ရင္ ကၽြန္ေတာ္႔ဘေလာ႔ဂ္ေလးကုိ ေရာက္လာမွာ ျဖစ္ျပီးေတာ႔ Cancel ကုိ ႏွိပ္လုိက္ရင္ေတာ႔
Helpdesk Blog ေလးကို ေရာက္သြားပါလိမ္႔မယ္. It’s up to you!'</font>);
if (confirm(<font face="Zawgyi-One">'ေဟ႔ေဟ႔. သတိထားေနာ္. ခင္ဗ်ား အခုသြားေနတာ ကုိရန္ေအာင္ရဲ႔ ဘေလာ႔ဂ္ဗ်.
ဟတ္ဟတ္ဟတ္. OK ကုိ ႏွိပ္လုိက္ရင္ ကၽြန္ေတာ္႔ဘေလာ႔ဂ္ေလးီကုိ ေရာက္လာမွာ ျဖစ္ျပီးေတာ႔ Cancel ကုိ ႏွိပ္လုိက္ရင္ေတာ႔
Helpdesk Blog ေလးကို ေရာက္သြားပါလိမ္႔မယ္. It’s up to you!'</font>)) {
window.location = "http://yanaung.blogspot.com/";
}
else {
window.location = "http://mmbloggershelpdesk.blogspot.com/";
}
</script>
ဒီလုိေလး ျဖစ္သြားပါလိမ္႔မယ္...
3
ဒီေလာက္ပါပဲ…
ဒီလုိ Message Box ေလးေတြ လုပ္ထားတာဟာ ကုိယ္႔ရဲ႔ ဘေလာ႔ဂ္ (၀ါ) ၀က္ဘ္ဆုိက္အတြက္ လိုအပ္မွသာ လုပ္သင္႔ပါတယ္.
ဘာလုိ႔လဆ
ဲ ုိေတာ႔ အဲဒီ႔ Message Box ေလးေတြဟာ System Dialog Windows ေလးေတြ ျဖစ္ေနလုိ႔ပါပဲ. ဆုိလုိတာက ဒီ Box
ေလးေတြ ေပၚဖုိ႔အတြက္ Browser မွာ Javascript ကုိ Enable လုပ္ထားရပါမယ္. ဒီေတာ႔ ကုိယ္႔ရဲ႔ Blog Page (or) Web Page
ကုိ Upload လုပ္ေနရတဲ႔ အခ်ိန္ ပုိၾကာသြားႏုိင္ပါတယ္.
ေကာင္းတဲ႔ဖက္က ၾကည႔္မယ္ဆုိရင္ေတာ႔လည္း စာဖတ္သူကုိ Respect ေပးရာက်ပါတယ္.
ဥပမာဗ်ာ. ညစ္ညမ္းတဲ႔ Website တစ္ခုကို ၀င္ေတာ႔မယ္ ဆုိရင္.
“You must be at least 18 years old to enter this site!” ဆုိတဲ႔ Message Box ေလး ေပၚလာျပီး OK ႏွိပ္လုိက္မွ ဆက္ျပီး
ခြင္႔ျပဳတာမ်ိဳးဆုိရင္ Internet Law ကုိ လုိက္နာရာက်ပါတယ္.
ဒါက ဥပမာ ေျပာျပတာပါ. တစ္ျခား အသုံး၀င္ေအာင္ သုံးတတ္ရင္ သုံးလုိ႔ျဖစ္မယ္႔ ေနရာေတြ အမ်ားၾကီး ရွိပါေသးတယ္.
ၾကိဳက္သလုိသုံးပါ. ဥာဏ္ရွိသလုိ သုံးပါ.
ကၽြန္ေတာ္တုိ႔ ဘေလာ႔ဂ္ေလာကမွာေတာ႔ ဘာစည္းမ်ဥ္းဥပေဒသမွ မရိွေသးပါဘူး. ဒါေပမယ္႔ ဒီ Message box ေလးေတြဟာ

စာဖတ္သူရဲ႔ ဥာဏ္ကြန္႔ျမဴးႏုိင္မႈေပၚ မူတည္ျပီး အမ်ိဳးမ်ိဳး အဖုံဖုံ အသုံး၀င္လာႏုိင္တာမုိ႔ ကၽြန္ေတာ္ဖတ္မွတ္ခဲ႔ဖူးတာေလးကုိ
ျပန္လည္ေ၀မွ်လုိက္ျခင္းသာ ျဖစ္ပါတယ္ ခင္ဗ်ာ…
မွတ္ခ်က္။သုံးတဲ႔ Browser နဲ႔ Operating Systems (ME, XP, Vista) စတာေတြေပၚ မူတည္ျပီးေတာ႔ ေပၚလာမယ္႔ Message
Box ေလးေတြရဲ႔ ပုံစံလည္း ကဲြျပားျခားနားႏုိင္ပါတယ္.
------------------------
ဘေလာ႔ဂ္ကုိ Back Up လုပ္နည္း
written by mmhelpdesk at Friday, August 17, 2007 Contributor:ဘုရင္႔ေနာင္
အခ်ိန္ကုန္ခံ၊ အပင္ပန္းခံ၊ ခါးေညာင္းခံ တင္ထား ေရးထားတဲ႕ မိမိရဲ႕ ပို႕စ္ေတြကို backup လုပ္ထားခ်င္သူမ်ား

ေအာက္ပါနည္းေတြအတိုင္းလုပ္လို႕ ရေၾကာင္းရွာေတြ႕တာေလး ၿပန္လည္မွ်ေ၀ လိုက္ပါတယ္။ သိၿပီးသား လည္းၿဖစ္ ခ်င္ၿဖစ္မွာပါ။
http://blogname.blogspot.com/search?max-results=1000
blogname ေနရာမွာ မိမိဘေလာဂ႔္ နာမည္ကိုရိုက္ပါ။ ပို႕စ္ ၁၀၀၀ ထက္နည္းရင္ save လုပ္လု႕ိ ရ တယ္လို႕ ဆိုထားပါ တယ္။
တစ္ေထာင္ ထက္ ေက်ာ္ရင္ေတာ႕ မေၿပာတက္ဘူး။ အေပၚက လိပ္စာအတိုင္း ရိုက္ထည္႔လိုက္ရင္ သင္ေရးခဲ႕သမွ်
ပို႕စ္အားလံုးေပၚလာပါလိမ္႕မယ္။ ပထမ ဦးစြာ ပံုေတြကို သီးသန္႕ save လုပ္ဖို႕ firefox extension တခုၿဖစ္တဲ႕ DownThemAll
ကိုသံုးၿပီး ပံုေတြကို download လုပ္ယူနိုင္ပါတယ္။ မိမိဖတ္ခ်င္တဲ႕ ဘေလာ႕ဂါတစ္ေယာက္ရဲ႕ ေရးခဲ႕သမွ် ပို႕စ္ေတြကို
တစ္ခါတည္း ဖတ္ခ်င္ရင္လည္း အေပၚက လင္႕ခ္မွာ မိမိဖတ္မယ္႔ ဘေလာ႕ဂါရဲ႕ လိပ္စာကိုေၿပာင္း ထည္႕လိုက္ပါ။
ေနာက္တစ္ဆင္႕က ေရးထားတဲ႕ ပို႕စ္ေတြက စာေတြကုိ သီးသန္႕ save ဖို႕ ေအာက္က လင္႕ခ္ကို သြားပါ။
http://blogname.blogspot.com/feeds/posts/default?max-results=1000
XML feed ပါပဲ။ ပို႕စ္က စာေတြပဲ သီးသန္႕ေပၚလာတာကို save page as(Ctrl+S) လုပ္လိုက္ရံုပါပဲ။ comments ေတြကို သိမ္းဖို႕
http://blogname.blogspot.com/feeds/comments/default?max-results=1000 ၿဖစ္ပါတယ္။
-------------------------
4
File Hosting လုပ္နည္းမ်ား...
written by mmhelpdesk Contributor: ရန္ေအာင္
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 ဆုိတဲ႔
ပုံစံေလးေတြ ပါပါလိမ္႔မယ္. ခၽြတ္စြပ္ၾကီးေတာ႔ ဘယ္တူပါ႔မလဲဗ်ာေနာ္. စိတ္ရွည္ရွည္ထားျပီး ရွာၾကည္႔ရင္
သေဘာေပါက္သြားပါလိမ္႔မယ္…
5
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 ဆုိတာကုိ ေရြးပါမယ္ခင္ဗ်ာ. ေအာက္ကပုံစံအတုိင္းေလး ေပၚလာပါလိမ္႔မယ္
6
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 မ်ားမွာလည္း ဒီပုံစံဆင္ဆင္ေလးေတြပါပဲ. စမ္းသုံးၾကည္႔ၾကပါလုိ႔ တုိက္တြန္းပါတယ္.
-------------------------------------------
Cbox မွာ ေနာက္ခံပုံေလးေတြ ထည္႔ခ်င္ရင္…
written by mmhelpdesk at Friday, August 17, 2007 Contributor: ရန္ေအာင္
ကၽြန္ေတာ္႔ရဲ႔ ဆီဗုံးမွာ ေနာက္ခံပုံေလးထည္႔ထားတာကုိ ဘယ္လုိလုပ္ရလဲ သိခ်င္ေနသူမ်ားအတြက္ ဒီပုိ႔စ္ေလးကုိ

ဆက္ေရးျဖစ္ပါတယ္… တကယ္ေတာ႔ကၽြန္ေတာ္ ကုိဖုိးခ်မ္း ရဲ႔ ဘေလာ႔ဂ္မွာ ဒါေလးကုိ စေတြ႔တာပါ.
7
အဆင္႔ (၁)
Cbox ထဲကုိ Login ၀င္ပါ. Color & Fonts ဆုိတာကုိ သြားပါ. ျပီးရင္ Main BG နဲ႔ Alt BG ကုိ Blank ထားလုိက္ပါ. Apply Button
ကုိ ႏွိပ္ပါ.
ဘာလုိ႔ အဲလုိလုပ္ရတာလဲဆုိေတာ႔ Cbox ကေပးထားတဲ႔ Background ကုိ အရင္ဖ်က္ပစ္မွ ကိုယ္တင္မယ္႔ပုံ ေပၚမွာမုိ႔လုိ႔ပါ.
အဆင္႔ (၂)
ကုိယ္တင္ခ်င္တဲ႔ ပုံကုိ Size နည္းနည္းေလာက္ ညိွေပးဖုိ႔လုိပါတယ္. ဒီတုိင္းေကာက္တင္လုိက္လုိ႔ မရပါဘူး.

ကုိယ္ေပၚေစခ်င္တဲ႔အတုိင္း မေပၚဘဲ ေနပါလိမ္႔မယ္. ဒီေတာ႔ကာ Size ကုိဘယ္လုိညွိမလဲ ဆုိတာကေတာ႔ မိမိ Cbox ရဲ႔ Width နဲ႔
Length ေပၚ မူတည္ေနပါတယ္. ဥပမာဗ်ာ.
ကၽြန္ေတာ္႔ Cbox က Width – 220 နဲ႔ Height 300 ေပးထားတယ္. ဒါေၾကာင္႔ ကၽြန္ေတာ္တင္မယ္႔ Maple Leaf ေလးကုိ အဲဒီ႔
Resolution ရေအာင္ အရင္ျပင္လုိက္တယ္. ျပီးေတာ႔ File Hosting Site ေပၚ လွမ္းတင္ျပီး URL ထုတ္ယူလုိက္တယ္. ရလာတဲ႔
URL ကုိမွ ေအာက္ပါ Coding ေလးေတြထဲမွာ အစားသြင္းလုိက္ပါတယ္.
For Message Background
#cboxmain{
background:url(your image url) no-repeat;
}
For Form Background
#cboxform{
background:url(your image url) no-repeat;
}
အဆင္႔ (၃)
ခုထိ အဆင္ေျပေနေသးတယ္ေနာ္.
အုိေက… မိမိဘေလာ႔ဂ္ထဲကုိ Sign in ၀င္လုိက္ပါ. Template > Edit Html Tab ကုိသြားပါ. ခါတုိင္းလုိပဲ </head> Tag
မဆုံးခင္ တစ္ေနရာရာေလးမွာ အေပၚက Coding ေလးေတြကုိ ထည္႔ေပးလုိက္ပါ. ကၽြန္ေတာ္ကေတာ႔ အရင္ EOT တုိ႔၊
PollDaddy တုိ႔ရဲ႔ Coding ေလးေတြနားမွာပဲ ကၽြန္ေတာ္အသစ္ထည္႔မယ္႔ Coding ေလးေတြကို For Cbox လုိ႔ Comment ေလး
ေရးျပီး ထည္႔လုိက္ပါတယ္. ကၽြန္ေတာ္ ေၾကျငာထားတဲ႔ Coding ပုံစံေလးကုိ ေလ႔႔လာၾကည္႔ပါ ခင္ဗ်ာ…
<Variable name="postTitleFont" description="Post Title Font" type="font"

default="normal bold 135% 'Zawgyi-One', Georgia, Times New Roman, Tahoma, Arial, sans-serif">
*/
/*For Cbox
------------------------------ */
8
#cboxmain{
background:url(http://h1.ripway.com/yanaung/red-maple-tree.jpg) no-repeat;
}
#cboxform{
background:url(http://h1.ripway.com/yanaung/red-maple-tree.jpg) no-repeat;
}
/*For PollDaddy
------------------------------ */
div.widget-content .pds-box {
font-family: ZawGyi-One !important;
}
Preview အရင္ၾကည္႔ပါ. ၾကိဳက္သြားျပီဆုိရင္ေတာ႔ Template ကုိ Save လုပ္လုိက္ပါ.ဟုတ္ကဲ႔ ျပီးပါျပီ.
--------------------
Cbox အေၾကာင္း သိေကာင္းစရာေလးမ်ား
written by mmhelpdesk Contributor:ရန္ေအာင္
ဒီတစ္ခါေတာ႔ ဆီဗုံးလုိ႔ အမ်ားစုက ခ်စ္စႏုိးေျပာင္ေခၚေနၾကတဲ႔ Cbox နဲ႔ ပတ္သက္တာ ေလးေတြ ကၽြန္ေတာ္သိသေလာက္

ေရးေပးပါမယ္.
Cbox ဆုိတာကေတာ႔ ဘေလာ႔ဂ္ေတြ ေတာ္ေတာ္မ်ားမ်ားမွာ ေတြ႔ေနရတဲ႔ ဘေလာ႔ဂ္ေရးသူနဲ႔ လာလည္သူေတြၾကားက
communication tool ေလးတစ္ခု ပါပဲ. လာလည္သူေတြ ကလည္း သူတုိ႔ေျပာခ်င္တဲ႔ Message ေတြကုိ Cbox မွာ ထားခဲ႔တယ္။
ဘေလာ႔ဂ္ပုိင္ရွင္ကလည္း ျပန္ေျပာမယ္။ မွနတ
္ ာကုိ ေျပာစတမ္းဆုိရင္ ကုိယ္႔ရဲ႔ Cbox မွာ လာလည္သူေတြ မ်ားတာကို
ဘေလာ႔ဂ္ပိုင္ရွင္တုိင္း ၀မ္းသာအားရ ျဖစ္မိၾကပါတယ္။
ခုေနာက္ပုိင္းဆုိရင္ တစ္ေယာက္နဲ႔တစ္ေယာက္ အျပန္အလွန္ေနာက္ေျပာင္တာ ေလးေတြကို ဆီဗုံးမွာ ေရးခဲ႔ၾကတယ္။ အျပင္က
ေမာေမာနဲ႔ ျပန္လာျပီးေနာက္ ကၽြန္ေတာ္ပထမဆုံး လုပ္တာကေတာ႔ Email စစ္တာ မဟုတ္ပါဘူး။ ကုိယ္႔ရဲ႔ ဆီဗုံးမွာ ဘယ္သူေတြ
၀င္ေရးသြားလဲ၊ ဘယ္သူေတြ ၀င္ဖြသြားလဲ ဆုိတာကုိ အရင္ၾကည္႔တာပါပဲ။
ကဲ. စလုိက္ၾကရေအာင္လားဗ်ာ.
ပထမဆုံး http://www.cbox.ws/ ကုိသြားပါ။ Account တစ္ခု Sign Up လုပ္ပါ။ See all styles မွာ ကုိယ္ၾကိဳက္တဲ႔ Color
ေလးေတြ ေရြးယူလုိ႔ ရပါတယ္။
ျပီးရင္ ကုိယ္႔ Account ထဲကုိ ၀င္ပါ။ Admin Tab ကုိသြားပါ။ အဲဒီ႔ေနရာကေန ကုိယ္႔ရဲ႔ Cbox ကုိ အမ်ိဳးမ်ိဳး manage လုပ္လုိ႔
ရပါတယ္။
9
Width ေတြ Height ေတြလည္း ေျပာင္းလုိ႔ရပါတယ္။ Default ေပးထားတဲ႔ Width က ေတာ္ေတာ္က်ဥ္းပါတယ္။ ၁၆၀ ပဲ
ေပးထားပါတယ္။ ၂၀၀ (သုိ႔) ၂၂၀ ေလာက္ ေျပာင္း ၾကည္႔လုိက္ပါ။ ဒါဆုိရင္ ကုိယ္႔ရဲ႔ Cbox မွာ စာေတြ ေကာင္းေကာင္းျမင္ရတဲ႔
အဆင္႔ထိ ေရာက္သြားပါလိမ႔္မယ္။ စိတ္ၾကိဳက္ေျပာင္းယူပါ။ ကုိယ္႔ရဲ႔ Template က ေပးထားတဲ႔ Column Width နဲ႔
ကုိက္ညီေအာင္ ေျပာင္းယူပါ။
Form Layout မွာေတာ႔ Cbox ရဲ႔ Design ကုိ ေျပာင္းယူလုိ႔ရပါတယ္။ Message ေရးတာကုိ အေပၚမွာ ထားလုိ႔ရသလုိ
ေအာက္မွာလည္း ထားလုိ႔ရပါတယ္။ ကိုယ္႔ စိတ္ၾကိဳက္ ေျပာင္းၾကည္႔ပါခင္ဗ်ာ။
Messages တုိ႔၊ Message Length တုိ႔မွာလည္း ကုိယ္လုိသလုိ Setting ကုိထားႏိုင္ ပါတယ္။
Cbox ကုိ မိတ္ဆက္တဲ႔ အပုိင္းကေတာ႔ ျပီးပါျပီ။ ခုေျပာမွာကေတာ႔ အေရးၾကီးတဲ႔ အပုိင္းပါ။ Cbox မွာ ျမန္မာလုိ
စာေကာင္းေကာင္းေပၚေအာင္ ဘယ္လုိလုပ္ရမလဲ ဆုိတဲ႔ ျပႆနာပါ။
Colors & Fonts ကုိ သြားပါ။ Fonts ဆုိတာကုိ သြားပါ။ သူ႔ရဲ႔ Default က Arial Font ကုိ ေပးထားပါတယ္။ အဲဒီ႔ Box
ေလးေနရာမွာ Zawgyi-One လုိ႔ ေျပာင္းရုိက္ေပးလုိုက္ပါ။ ျပီးရင္ Apply Button ေလးကုိ ႏွိပ္လုိက္ပါ။ ဒါဆုိရင္ ကုိယ္႔ရဲ႔ Cbox မွာ
ျမန္မာလုိ စာေကာင္းေကာင္း ေပၚပါျပီ။
ေနာက္တစ္ခုကေတာ႔ Smilies Tab ပါ။ အေပၚခပ္က်က်ေနရာေလးက Preset Smilies ဆုိတာေလးကုိ ႏွိပ္လုိက္ရင္ ခုလုိ ပုံမွာ
ျမင္ရပါလိမ္႔မယ္။
10
အဲဒီ႔ေနရာမွာ ကုိယ္႔ Cbox ထဲမွာ ေပၚေစခ်င္တဲ႔ Smilies Color ေလးေတြကုိ ေျပာင္းလုိ႔ရပါတယ္။ Default Blue, Default
Orange, Default Yellow လုိ႔ ေပးထားပါတယ္။ ၾကိဳက္ရာေျပာင္းယူႏုိင္ပါတယ္။
Customize Smilies ကုိ ျပန္သြားပါ။ ခုေျပာမွာကေတာ႔ ကုိယ္ၾကိဳက္တဲ႔ Smilies ပုံေလးေတြကုိ ဘယ္လုိထည္႔လုိ႔ ရႏိုင္မလဲ
ဆုိတာပါပဲ။
New Row ကုိ ယူလုိက္ပါ။ URL Address ေနရာမွာ ကုိယ္ထည္႔ခ်င္တဲ႔ Smilies ပုံေလးရဲ႔ URL ကုိ ရုိက္ထည္႔ေပးလုိက္ပါ။ Code
ေနရာမွာေတာ႔ ကုိယ္႔ရဲ႔ Smilies ေလးအတြက္ သီးသန္႔ သေကၤတေလးတစ္ခု ကုိယ္႔ဖာသာကိုယ္ လုပ္ေပးလုိက္ပါ။ ဥပမာ
ဟားတုိက္ရီေနတဲ႔ ပုံေလးထည္႔ထားမိရင္ :)) လုိ႔ ရုိက္ထည္႔ျပီး မွတ္ခုိင္းထားတဲ႔ ပုံစံမ်ိဳးေပါ႔။
My Users Tab ကေတာ႔ Diabled ျဖစ္ေနပါတယ္။ သူကေတာ႔ ပုိက္ဆံသြင္းထားတဲ႔ Registered Users ေတြအတြက္ပဲ
ရပါတယ္။ Blocked Users ကေတာ႔ ကုိယ္႔ဘက္က Block လုပ္ထားတဲ႔ User ေတြနဲ႔ ပတ္သက္တဲ႔ Information ေတြ
ျပထားတာပါ။
Messages မွာကေတာ႔ ကုိယ္႔ Cbox မွာ ေရးထားတဲ႔ Messages ေတြကုိ Manage လုပ္လုိ႔ရပါတယ္။
ကုိယ္ဖ်က္ခ်င္တဲ႔ Message ကုိ Tick လုပ္ျပီး ဖ်က္ပစ္လုိ႔ရပါတယ္။ ကုိယ္ Ban လုပ္ခ်င္တဲ႔ User ကုိလည္း Tick လုပ္ျပီး Ban
ဆုိတာကုိ ႏွိပ္လုိက္လုိ႔ရပါတယ္။ ဒါဆုိရင္ အဲဒီ႔ user ကုိယ္႔ Cbox မွာ စာလာေရးလုိ႔ မရေတာ႔ပါဘူး။ IP Address ကုိလည္း
Tracking လုိက္လုိ႔ ရပါတယ္။ ဘယ္ေနရာကေန စာလာရုိက္တယ္ဆုိတာကုိ သိႏုိင္တာေပါ႔။ ကၽြန္ေတာ္သုံးတဲ႔ IP Tracking Tool
ကေတာ႔ IP Hacker ပါ။Cbox အေၾကာင္းကေတာ႔ ဒီမွာ ျပီးပါျပီ။ ကုိယ္႔ရဲ႔ဘေလာ႔ဂ္မွာ Cbox တင္ဖုိ႔အတြက္ Quick Setup ကုိ
ျပန္သြားပါ။ သူေပးထားတဲ႔ Codes ေတြကုိ ကူးယူပါ။
ျပီးရင္ Blogger ထဲကုိ Sign in ၀င္ျပီးေတာ႔ Template>Add Page Element မွာ HTML/JavaScript ကုိ ေရြးလုိုက္ပါ။ ျပီးရင္
ကူးယူလာတဲ႔ Code ေလးေတြ ကုိ ထည္႔ေပးလုိက္ရုံပါပဲ။
Add a Page Element ကုိႏွိပ္လုိက္လွ်င္ ျမင္ရမည္႔ပုံ
11
အားလုံး အဆင္ေျပ ေခ်ာေမြ႔ၾကပါေစ ခင္ဗ်ာ။ မရွင္းတာရွိရင္လည္း Comments ထဲမွာ ၀င္ေရာက္ ေမးျမန္းႏုိင္ပါတယ္။
မွတ္ခ်က္။၁. Cbox တြင္ အေကာင္းအဆုိးေရာေနသည္။ Cbox ထည္႔ထားျခင္းေၾကာင္႔ မိတ္ေဆြမ်ားတုိးပြားလာႏုိင္သကဲ႔သုိ႔

အမည္မေဖာ္ဘဲ ၀င္ေရာက္ေႏွာင္႔ယွက္ တတ္သူမ်ားေၾကာင္႔လည္း စိတ္အေႏွာင္႔အယွက္ ျဖစ္ရတတ္ပါသည္။
၂. Blogger အသစ္မ်ားအေနျဖင္႔ Cbox ရွိထားျခင္းသည္ မိမိဘေလာ႔ဂ္အတြက္ လာလည္သူမ်ားထံမွ အၾကံဥာဏ္ေကာင္းမ်ား
ပုိမုိ၍ ရလာေစႏုိင္ပါသည္။ မိတ္ေဆြ မ်ားလည္း ပုိမုိတုိးပြားလာေစႏိုင္ပါသည္။
၃. Cbox မရွိေသာ ဘေလာ႔ဂ္သို႔ ၀င္လွ်င္ မရင္းႏွီးေသးေသာ သူစိမ္းအိမ္သုိ႔ အလည္သြား ရသည္ႏွင္႔ တူပါသည္။ ထုိ႔ျပင္ မိမိအား
ေအးစက္စက္ႏွင္႔ ဆက္ဆံေနသကဲ႔သုိ႔ ခံစားရပါသည္။
------------------------------------------------------------
Peekaboo Comments ေလးမ်ား လုပ္ၾကမယ္...
written by Yan at Thursday, October 18, 2007 Contributor: ရန္ေအာင္
ဒီတစ္ခါလက္ဆင္႔ကမ္းေျပာျပခ်င္တာကေတာ႔ Peekaboo Comments ေလးေတြ အေၾကာင္းပါ. ဒီအေၾကာင္းကို ေရးမယ္လုိ႔

အားခဲထားခဲ႔တာ ၾကာပါျပီ. အခုမွပဲ ေရးျဖစ္ေတာ႔တယ္ဗ်ာ.
Peekaboo Comments ဆုိတာ ဘာလဲလုိ႔ သိခ်င္ေနသူမ်ား ကၽြန္ေတာ္႔ဘေလာ႔ဂ္ပုိ႔စ္ေတြထဲက ေကာ္မန္႔ရွိတဲ႔ပုိ႔စ္တစ္ခုခုကို
သြားၾကည္႔ျပီး ေကာ္မန္႔ကို Click ေခါက္ၾကည္႔လုိက္ပါ. (Friendly Neighbors လုိ႔ ကၽြန္ေတာ္က နာမည္တစ္မ်ဳိးေပးထားတယ္ဗ်).
ပုံမွန္အရဆုိရင္ Comments ဆုိတာကုိ Click ေခါက္လုိက္ရင္ ေနာက္ထပ္ စာမ်က္ႏွာ အသစ္တစ္ခု ပြင္႔လာပါတယ္. အဲဒီ႔မွာပဲ
ကၽြန္ေတာ္တုိ႔က Comments ေရးတာတုိ႔၊ ဖတ္တာတုိ႔ကုိ လုပ္ရပါတယ္.
Peekaboo Comments က်ေတာ႔ သူ႔ကို click ေခါက္လုိက္တာနဲ႔ ေရးထားတဲ႔ comments ေလးေတြကုိ same page မွာပဲ
ဖတ္လုိ႔ရႏုိင္သလုိ ေရးလုိ႔လည္း ရပါတယ္. အခ်ိန္ကုန္သက္သာသလုိ ေကာ္နက္ရွင္လည္း ျမန္ဆန္သြက္လက္လာေစပါတယ္.
အဆင္႔ (၈) ဆင္႔နဲ႔ ခြဲျပီး ေျပာျပသြားပါမယ္. တစ္ဆင္႔ခ်င္းကုိ ေသခ်ာဖတ္ျပီး လုပ္ရင္ ၁၅ မိနစ္နဲ႔ ဒီကိစၥ
ေအာင္ျမင္ျပီးစီးပါလိမ္႔မယ္. စိတ္ေလာျပီး ဟုိေက်ာ္ဒီေက်ာ္ဖတ္ရင္ေတာ႔ Error ၾကီးနဲ႔ တုိးသြားမွာ ျဖစ္ပါေၾကာင္း….
(၁) မိမိဘေလာ႔ဂ္ထဲကေန Settings> Edit HTML ကိုသြားပါမယ္. Template ကုိ Backup လုပ္ရပါမယ္. ဒါမွ မေတာ္လုိ႔
မွားသြားရင္ အရင္ Template ကုိ restore ျပန္လုပ္လုိ႔ရမွာ ျဖစ္ပါတယ္. ဒီတုိင္း Backup လုပ္ခ်င္ရင္လုပ္. မဟုတ္ရင္ေတာ႔
Template တစ္ခုလုံးကုိ ကူးျပီး Ms Word ထဲမွာ Save လုပ္ထားလုိက္ပါ. အဓိကက Template ကုိ မျပင္ခင္ ကုိယ္႔မွာ Hard
Copy ရွိေနဖုိ႔ပါပဲ.
(၂) Expand Widgets Box ေသးေသးေလးကုိ Tick လုပ္ေပးခဲ႔ရပါမယ္. ဒါဟာလည္း သိပ္အေရးၾကီးပါတယ္. Template
ျပင္တဲ႔အခါမွာ တစ္ခ်ိဳ႔ Code ေလးေတြ ရွာမေတြ႔ဘူးလုိ႔ ခဏခဏ ေျပာတတ္ၾကပါတယ္. အဲဒါဟာ Expand Widgets ဆုိတဲ႔ Box
ေလးကို Tick မလုပ္ခဲ႔တဲ႔ ျပႆနာေၾကာင္႔ပါပဲ.
12
(၃) </head> ဆုိတဲ႔ Tag ေလးမဆုံးခင္မွာ ဒီ Coding ေလးေတြကုိ ထည္႔ေပးလုိက္ပါ
<script type='text/javascript'>
//<![CDATA[
var comment_form_template = '<div class="commentelem" style="clear:both">\n'
+ '<div style="float:left;margin-right:5px;clear:both;" id="commentphoto[[CID]]"></div>'
+ '<div class="comment-poster">[[AUTHOR]]</div>\n'
+ '<div class="comment-body"><div class="innerCmntBody">[[BODY]]</div></div>\n'
+ '<div class="comment-timestamp"><a href="[[PERMALINK]]" title="comment
permalink">[[DATE]]</a></div></div>\n';
//]]>
</script>
<script src='http://jscripts.ning.com/get.php?xn_auth=no&id=2941927' type='text/javascript'/>
(၄) ဒီ စာေၾကာင္းေလးေတြကုိ လုိက္ရွာပါ
<b:includable id='comments' var='post'>

<div class='comments' id='comments'>
ေတြ႔ရင္ ဒုတိယလုိင္းကုိ ဒီလုိေလး အစားသြင္းေပးလုိက္ပါ.
<div class='comments' expr:id='"comments" + data:post.id'>

<b:if cond='data:blog.pageType != "item"'>
document.getElementById('comments<data:post.id/>').style.display = 'none';
</script>
</b:if>
(၅) ခုနက စာေၾကာင္းေလးေတြရဲ႔ ေအာက္ဖက္နားေလးမွာပဲ <dl id='comments-block'> ဆိုတာေလး ရွိပါတယ္. အဲဒါေလးကုိ

ေတြ႔ေအာင္ရွာျပီးရင္ အဲဒီ႔စာေၾကာင္းေလး မတုိင္ခင္မွာ ဒါေလးကို ထည္႔ေပးလုိက္ပါ.
<div expr:id='"commentsul" + data:post.id'> </div>
(၆) ဒီထိရပါေသးတယ္ေနာ္. ျပီးခါနီးပါျပီ. ဒီတစ္ခါေတာ႔ ဒီစာေၾကာင္းေလးေတြကုိ ရွာပါခင္ဗ်ာ.
<b:includable id='main' var='top'>


ေတြ႔ရင္ ဆက္ဖတ္ၾကည္႔ပါ. ဒီလုိမ်ိဳး Coding ေလးေတြ ေရးထားတာ ေတြ႔ရပါလိမ္႔မယ္.
<b:if cond='data:blog.pageType == "item"'>

<b:if cond='data:post.allowComments'>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
13
အဲဒါကုိ ေတြ႔ေအာင္ရွာျပီးရင္ ဒီလုိျပန္အစားသြင္းေပးလုိက္ပါ.
</b:if>
(၇) ေနာက္ဆုံးအဆင္႔ပါ.
ဒီ စာေၾကာင္းေလးကို ရွာပါခင္ဗ်ာ.
<b:includable id='post' var='post'>
ျပီးရင္ သူ႔ေအာက္နားေလးကို ဆက္ဖတ္ပါ. ဒါေလးေတြကိုေတြ႔တဲ႔ အထိေပါ႔
<a class='comment-link' expr:href='data:post.addCommentUrl'
expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1
<data:top.commentLabel/><b:else/><data:post.numComments/>
<data:top.commentLabelPlural/></b:if></a>
</b:if>
ေတြ႔ျပီေနာ္.အုိေက.
အဲဒီ႔တစ္ပုိဒ္လုံးကုိ ဒီလုိ ျပန္အစားသြင္းေပးရပါမယ္.

<b:loop values='data:post.feedLinks' var='f'>
<a class="comments" rel="comments" expr:href='data:post.url + "#comments"'
expr:onclick='"peekaboo_comments_display("" + data:f.url + "","commentsul" + data:post.id
+ "","","" + data:post.url + "#comments","max
comments");toggleitem("comments" + data:post.id + "");return false;"'><b:if
cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/>
</b:loop>
</b:if>
<b:else/>
<a class='comment-link' expr:href='data:post.url + "#comments"' expr:onclick='"toggleitem("comments"
+ data:post.id + "");return false;"'><b:if cond='data:post.numComments == 1'>1
<data:top.commentLabel/><b:else/><data:post.numComments/>
</b:if>
</b:if>
14
Max comments ဆုိျပီး အနီေရာင္ေလးနဲ႔ ေရးထားတဲ႔ ေနရာမွာ ကုိယ္ၾကိဳက္သလုိ Edit လုပ္လုိ႔ရပါတယ္. ဥပမာ.
ေကာ္မန္႔ေတြကုိ အမ်ားဆုံး (၅) ခုပဲ ေပၚေစခ်င္ရင္ 5 လု႔ိရုိက္ထည္႔ေပးရမွာပါ. အဲလုိမဟုတ္ဘဲ ရွိသမွ်၊ ေရးေပးထားသမွ်
ေကာ္မန္႔ေတြ ေပၚေစခ်င္ရင္ေတာ႔ max comments ေနရာမွာ false လုိ႔ ရုိက္ေပးပါခင္ဗ်ာ.
(၈) Template ကုိ Save လုပ္လုိ႔ရပါျပီ.
(၉) Enjoy!!!!
Acknowledgement:
ဒီေနရာက ပုိ႔စ္ေလးကုိ သင္႔ေတာ္သလုိ ဘာသာျပန္ဆုိ ေရးသားပါတယ္…
---------------------------------------
Peekaboo ပုိ႔စ္ေခါက္ျခင္း
written by mmhelpdesk at Friday, August 17, 2007
ကၽြန္ေတာ္႔ရဲ႔ ဘေလာ႔ဂ္မွာ ပုိ႔စ္ေလးေတြကို မိတ္ဆက္ေလးတင္ျပီးေတာ႔ က်န္တာေတြကုိ ဆက္ဖတ္ႏုိင္ေအာင္ Read More…

Collapse ဆုိတာေလး လုပ္ထားတာ အားလုံးအသိပဲ ျဖစ္မွာပါ.
အဲဒါကုိ အဂၤလိပ္လုိ Peek-A-Boo Post ေလးေတြ လုိ႔ေခၚျပီးေတာ႔ ျမန္မာမႈျပဳရရင္ေတာ႔ `တူတူေရ၀ါးပုိ႔စ္´ ေလးေတြလုိ

ျပန္ဆုိရပါလိမ္႔မယ္။ ပုန္းေနရာက ၀ါးဆုိ ထြက္လာလုိ႔ေလ… ဟုတ္တယ္ဟုတ္…
ခဏခဏလာေမးတဲ႔ ေဘာ္ေဘာ္ဘေလာ႔ဂါမ်ားလည္း ေျပလည္ေအာင္၊ ေနာက္ေနာင္ မည္သူမဆုိ ကုိးကားႏုိင္ေအာင္လုိ႔

ဒီပုိ႔စ္ေလးကုိ ေရးသားလုိက္ပါတယ္ ခင္ဗ်ာ…. Template ကုိ မြမ္းမံျဖည္႔စြက္တာေတြ လုပ္ေတာ႔မယ္ဆုိရင္ ဘာမွမလုပ္ခင္
အရင္ဆုံး Backup လုပ္တာဟာ အေလ႔အထေကာင္းေလး တစ္ခုပါပဲ။ ဒါေၾကာင္႔ Template ကုိ Backup လုပ္လုိက္ပါ။
ျပီးရင္ေတာ႔ စပါျပီ...
အဆင္႔ (၁)
ဒီ script ေလးကို ကူးျပီးေတာ႔ </head>-tag မဆုံးခင္ေလးမွာ ထည္႔လုိက္ပါ။
<script src="http://yanaung.prospect.googlepages.com/myhacko.js" type="text/javascript" />
Update: (As of August 19, 2007)
Peekaboo ပုိ႔စ္ေတြ ခဏခဏ ေဒါင္းသြားတတ္တယ္လုိ႔ ျပန္ေျပာေနၾကတာ ၾကားရပါတယ္. ကၽြန္ေတာ္လုပ္ထားတဲ႔ Coding က

ကၽြန္ေတာ္႔ရဲ႔ google pages မွာ တင္ထားတဲ႔ ဖုိင္နဲ႔ပါ. အဲဒါကုိ တုိက္ရုိက္ကူးမခ်ဘဲနဲ႔ ကုိယ္အဆင္ေျပတဲ႔ file hosting site
တစ္ခုခုမွာ တင္ေပးဖုိ႔ ကၽြန္ေတာ္ တုိက္တြန္းခဲ႔ဖူးပါတယ္. ခုျဖစ္ရတာက တုိက္ရုိက္ယူသြားတာေတြ မ်ားေနေတာ႔ ကၽြန္ေတာ္႔ရဲ႔
google pages ေဒါင္းသြားတာပါ.
ကဲဗ်ာ. ဖုိင္ေပးလုိက္မယ္ေနာ္. ဒါကုိ အရင္ဆုံး save လုပ္ပါ.
http://yanaung.prospect.googlepages.com/myhacko.js
15
ျပီးရင္ File hosting site တစ္ခုခုမွာ သြားတင္ပါ. ျပီးသြားရင္ေတာ႔
< script src='http://yanaung.prospect.googlepages.com/myhacko.js' type='text/javascript'></script>
ဆုိတဲ႔ေနရာမွာ ဒီလုိ္အစားသြင္းေပးလုိက္ပါ.
<script src='Your URL' type='text/javascript'></script>
အေပၚက coding ေလးေတြက </head> မဆုံးခင္ေလးမွာ ထည္႔ခဲ႔တဲ႔ coding ေလးေတြပါ. မွတ္မိမယ္ထင္ပါတယ္. ကဲ.
အဲဒါဆုိရင္ ေနာက္ထပ္ peekaboo ေဒါင္းသြားတတ္တဲ႔ ျပႆနာ မရွိႏိုင္ေတာ႔ပါဘူး. File Hosting ဘယ္လုိလုပ္ရမလဲ
သိခ်င္ရင္ေတာ႔ ဒီေနရာမွာ သြားဖတ္ပါခင္ဗ်ာ.
အဆင္႔ (၂)
Template ထဲမွာ includable id=’post’ ဆုိတာေလးကို ရွာပါ။ ျပီးရင္ ေအာက္မွာ ေဖာ္ျပထားတဲ႔ အတုိင္း Code ေလးေတြကုိ
အစအဆုံး အစားသြင္းလုိက္ပါ.
(အဆင္႔ (၂) အတြက္ မိမိရဲ႔ ဘေလာ႔ဂ္ဟာ New Blogger Template ကုိ သုံးေနတာ ျဖစ္ရပါမယ္. Template Tab မွာ Expand
Widgets ဆုိတဲ႔ Box ေလးကို Tick လုပ္ေပးခဲ႔ဖုိ႔လည္း မေမ႔ပါနဲ႔ခင္ဗ်ာ. လုိခ်င္တဲ႔ ကုဒ္ေလးေတြကုိ
အလြယ္တကူရွာေတြ႔ခ်င္ရင္ေတာ႔ Template ကုိ ေကာ္ပီကူးယူျပီး Microsoft Word ထဲမွာပဲ ျဖစ္ျဖစ္၊ Notepad ထဲမွာပဲ ျဖစ္ျဖစ္
Paste ျပန္လုပ္ပါ. ျပီးရင္ Ctrl+F ကုိႏွိပ္ျပီး လုိခ်င္တဲ႔ စာလုံးေလးေတြကုိ လုိ္က္ရွာယူပါ. )
<b:includable id='post' var='post'>

<div class='post uncustomized-post-template' expr:id='"post-" + data:post.id'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title'>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</h3>
</b:if>
<div class='post-header-line-1'/>
<div class='post-body'>
<p><data:post.body/></p>
<b:else/>
<style>#fullpost {display:none;}</style>
<p><data:post.body/></p>
<span id='showlink'>
16
<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>
checkFull("post-" + "<data:post.id/>");
</script>
</b:if>
<div style='clear: both;'/> 

</div>
.... the rest of the template goes here...
Template ကုိ Save လုပ္လုိက္ပါ။
အဆင္႔ (၃)
Setting ထဲက Formatting Tab ကုိသြားျပီး Post-Template ေနရာမွာ ေအာက္ပါစာသားေလးမ်ားကုိ ရုိက္ပါ။
Type your summary here.

<span id="fullpost">
Type the rest of your post here.
</span>
Save လုပ္ပါ။
ျပီးပါျပီ…
ပုိ႔စ္ေလးေတြ တင္တဲ႔အခါမွာ မိတ္ဆက္သေဘာေလာက္ တင္ျပခ်င္တဲ႔ စာပုိဒ္ေလးေတြကုိ တစ္ပုိဒ္ေလာက္ ေဖာ္ျပေပးျပီး

က်န္တာေတြကုိေတာ႔ <span id="fullpost"> ရဲ႔ ေနာက္မွာ ထည္႔လုိက္ရုံပါပဲ…
လြယ္ပါတယ္ေနာ္…. Read More, Summary Only မထည္႔ခ်င္ဘဲ ျမန္မာလုိ `အက်ယ္ဖတ္´၊ `အက်ဥ္းဖတ္´ လုိ႔ေရးရင္လည္း
ရတာပါပဲ. စိတ္ခ်မ္းသာ သလုိသာ လုပ္ၾကပါ ဘေလာ႔ဂါေမာင္ႏွမတုိ႔ေရ... ကၽြန္ေတာ္ကေတာ႔ Summary ေနရာမွာ ကြန္႔ျပီးေတာ႔
Collapse လုိ႔ လုပ္ထားတယ္ဗ်...
မွတ္ခ်က္။ ။ ဒီပုိ႔စ္ေလးကုိ အဆင္ေျပေအာင္ ဘာသာျပန္ေပးထားပါတယ္. ဒီပုိ႔စ္ေခါက္တာကို လုပ္တာ ၁၀

မိနစ္ထက္ပုိမၾကာပါဘူး ခင္ဗ်ာ. စိတ္ရွည္ရွည္ထားျပီး step by step လုပ္သြားပါ. ေအာင္ျမင္ၾကပါေစ…
----------------------------------
17
Peekaboo Sidebar လုပ္နည္း
written by Yan at Monday, August 27, 2007
အားလုံးပဲ မဂၤလာပါခင္ဗ်ာ. ဒါကေတာ႔ Peekaboo Sidebar လုပ္နည္းေလးပါ. ကၽြန္ေတာ္႔ဘေလာ႔ဂ္ရဲ႔ ေဘးနားမွာ My Links တုိ႔
Red links တုိ႔ ရွိပါတယ္. စမ္းၾကည္႔ပါခင္ဗ်ာ. ၾကိဳက္တယ္ေနာ္. အုိေက. ဒါဆုိ ဘယ္လုိလုပ္ရလဲ ေျပာျပမယ္.
အဆင္႔ (၃) ဆင္႔ပါပါတယ္.
အဆင္႔ (၁)
ပထမဦးဆုံး ဒီစာေၾကာင္းေလး နွစ္ေၾကာင္းကုိ style sheet ထဲမွာ ထည္႔ေပးပါခင္ဗ်ာ. Style Sheet ဆုိတာကေတာ႔
]]></b:skin> ဆုိတဲ႔ စာေၾကာင္းေလး မေတြ႔မခ်င္းအထိ အပုိင္းကုိ ေခၚပါတယ္. ဒါေၾကာင္႔ အဆင္ေျပတဲ႔ တစ္ေနရာရာမွာ
အခုလုိ ထည္႔လုိက္ႏုိင္ပါတယ္ ခင္ဗ်ာ. အေပၚက ေရးထားတဲ႔ /* Peekaboo Sidebar …. */ ဆုိတာက ျပန္ရွာရလြယ္ေအာင္
လုပ္ထားတာပါ. ဘာမွ အက်ိဳးသက္ေရာက္မႈမရွိပါဘူး.
/* Peekaboo Sidebar
------------------------------------- */
.commenthidden {display:none}
.commentshown {display:inline}
အဆင္႔ (၂)
ဒုတိယအဆင္႔မွာေတာ႔ ဒီ script ေလးေတြကုိ </head> tag မဆုံးခင္ေလးမွာ ထည္႔ေပးပါ.
<script type="text/Javascript">
function togglecomments (postid) {
var whichpost = document.getElementById(postid);
if (whichpost.className=="commentshown") { whichpost.className="commenthidden"; } else {
whichpost.className="commentshown"; }
} </script>
အဆင္႔ (၃)
ဒါဆုိရင္ coding အပုိင္းမွာ ေတာ္ေတာ္ေလး ျပီးသြားပါျပီ. အခုလုပ္မွာကေတာ႔ ကုိယ္ထည္႔မယ္႔ လင္႔ခ္ေလးေတြပါပဲ. New

Blogger Template အတြက္ေရာ Classic Template အတြက္ပါ သုံးလုိ႔ရပါတယ္. New Blogger ဆုိရင္ေတာ႔ Add a page
element> HTML/Java Script ကုိ ေရြးပါ. Classic ဆုိရင္ေတာ႔ ဒီတုိင္းပဲ ထည္႔ပါခင္ဗ်ာ.
<a aiotitle="click to expand" href="javascript:togglecomments('YouNameIt')">Title</a><br />
<div class="commenthidden" id="YouNameIt">
<ul>
<li><a href="http://www.google.com">Google</a></li>
<li><a href="http://www.gmail.com">Gmail</a></li>
</ul>
</div>
18
YouNameIt ဆုိတာကေတာ႔ ကုိယ္ေပးခ်င္တဲ႔ နာမည္ေပးတာကုိ ဆုိလုိတာပါ. သူတုိ႔ (၂)ခုက တူရပါမယ္ခင္ဗ်ာ.
ဥပမာကုိၾကည္႔ရင္ ပုိရွင္းသြားပါလိမ္႔မယ္.
Example:
<a aiotitle="click to expand" href="javascript:togglecomments('Zawgyi')"><span style="color:red;">+/-

Zawgyi ရယူရန္</span></a><br/><br/>
<div id="Zawgyi" class="commenthidden">
<ul>
<li>
<a href="http://www.fileden.com/files/2007/2/17/784534/Zawgyi-One-20051130.ttf "><
img border="0" src="http://static.flickr.com/40/74230378_f794a1e17a_m.jpg"/></a></li>
<li><a href="http://www.fileden.com/files/2007/2/17/784534/ZawgyiKb_installer_I.zip"> Zawgyi Keyboard
Installer</a></li>
<li><a href="http://www.fileden.com/files/2007/2/17/784534/zawgyi_keyboard_map0_4.gif">Zawgyi
Keyboard Layout</a></li>
</ul>
</div>
ဒါပါပဲခင္ဗ်ာ.
+/- Zawgyi ရယူရန္ ဆုိတာက အရုိးရွင္းဆုံးလုပ္ထားတာပါ. Graphic ကၽြမ္းက်င္သူမ်ားကေတာ႔ ပုံေလးေတြ အစားထုိးျပီး

ပုိလွေအာင္ဖန္တီးယူႏုိင္ပါတယ္ ခင္ဗ်ာ..
အားလုံးပဲ ေပ်ာ္ရႊင္ခ်မ္းေျမ႔စြာ ဘေလာ႔ဂင္းႏုိင္ၾကပါေစ…
ဒီေနရာက ပုိ႔စ္ေလးကုိ သင္႔ေတာ္သလုိ ဘာသာျပန္ပါတယ္ခင္ဗ်ာ.
---------------------------------
Peekaboo Navigation Bar လုပ္ျခင္း
written by mmhelpdesk at Friday, August 17, 2007 Contributor: ဘုရင္႔ေနာင္
ဘေလာ႔ဂါ ေတာ္ေတာ္မ်ားမ်ားက ပုိ႔စ္လည္းေရးၾကတယ္. ကုိယ္႔ဘေလာ႔ဂ္ေလး ကုိလည္း လွသည္ထက္လွေအာင္ ျပဳျပင္မြမ္းမံ

တတ္ၾကပါတယ္. အဲဒီ႔မွာ ဘာတစ္ခုက လာအရုပ္ဆုိးေစလဲ ဆုိေတာ႔ ဘေလာ႔ဂ္ရဲ႔ အေပၚဆုံးမွာ ရွိေနတဲ႔ Blogger Navigation
Bar ၾကီးပါ.
ကဲကဲ.. ဒီေလာက္ဆုိ သေဘာေပါက္ေရာေပါ႔. ဒီ Bar ၾကီးကို ေဖ်ာက္ခ်င္တယ္ေနာ္. ဟုတ္. တစ္ခ်ိဳ႔က အျပီးေဖ်ာက္ထားၾကတယ္.

အဲဒါက ဘာမေကာင္းဘူးလဲဆုိေတာ႔ ကိုယ္ကုိယ္တုိင္ Sign in ၀င္ခ်င္ရင္ https://www.blogger.com/start ကုိ
ျပန္သြားေနရေရာ. အလုပ္ရႈပ္တာေပါ႔ဗ်ာ.
19
ေဖ်ာက္ထားမယ္. Mouse ေလးတင္လုိက္မွ ေပၚလာမယ္. ဒါမ်ိဳးေလး လုပ္ရင္ မေကာင္းဘူးလား..
ဘယ္လုိလုပ္ရမလဲ ဆုိေတာ႔ ဂလုိလုပ္ပါခင္ဗ်ာ..
/*Peekaboo Navigation Bar

------------------------------ */
#navbar-iframe
{
opacity:0.0;
filter:alpha(Opacity=0)
}
#navbar-iframe:hover
{
opacity:1.0;
filter:alpha(Opacity=100, FinishedOpacity=100)
}
ဆုိတာေလးကုိ template ထဲက <body> Tag မတုိင္ခင္မွာ ထည္႔ေပးလုိက္ရုံပါပဲ.ဥပမာ.
<Variable name = …..> blah blah blah..

*/
/*Peekaboo Navigation Bar

------------------------------ */
ဒီမွာလာထည္႔
…
…
…
body {
background:#aba;
margin:0;
text-align:left;
line-height: 1.5em;
font:x-small Trebuchet MS, Verdana, Arial, Sans-serif;
color:#000000;
font-size/* */:/**/small;
font-size: /**/small;
}
မွတ္ခ်က္။ ။ Firefox မွာပဲ အလုပ္လုပ္ပါတယ္ခင္ဗ်ာ..

---------------------------------------------
20
ေနာက္ဆုံး ေရးထားတဲ့ Comment မ်ားကို side bar မွာ ထည့္နည္း...
written by Yan at Saturday, September 15, 2007 Contributor: ေမာင္လွ
ပထမဆုံး လုပ္ရမယ့္ အလုပ္က www.blogger.com ထဲကို login အရင္ဝင္ပါ.... Dashboard ထဲကို ေရာက္ၿပီဆုိရင္ က်ေတာ္တုိ႔
ျပင္ခ်င္တဲ့ blog ရဲ႕ Manage: ဆုိတဲ့ ေနရာမွာ ရွိတဲ့ Layout ကို click လုပ္ပါ....
ပုံထဲမွာ ျပထားတဲ့ အတုိင္း (၁) Page Elements ဟုတ္ရဲ႕လား အရင္စစ္ပါ... ဟုတ္ၿပီဆုိရင္ (၂) Add A Page Element ကို click
လုပ္ပါ... ေနာက္ထပ္ windows တစ္ခုေပၚလာရင္ (၃) Feed ကို ေတြ႕ေအာင္ ရွာပါ... ေတြ႕ၿပီဆုိရင္ ADD TO BLOG ကို ႏွိပ္ပါ...
http://your_site_name.blogspot.com/feeds/comments/default ထည့္ေပးပါ... your_site_name ဆိုတဲ့ေနရာမွာ ကုိယ့္
blog နာမည္ ထည့္ပါ... MgHla လုိ႔ သြားထည့္မိရင္ေတာ့ က်ေတာ့္ ဘေလာ့က comment ေတြ လာေပၚေနပါလိမ့္မယ္... OK ကို
click ႏိွပ္လုိက္ရင္ ေအာက္က ပုံအတုိင္း windows ေနာက္တစ္ခု ေျပာင္းသြားပါလိမ့္မယ္...
Title ဆိုတဲ့ ေနရာမွာ Recent Comments or Latest Comments or ကိုယ္ႀကိဳက္တဲ့ စာသား ႐ုိက္ထည့္ပါ... show ေနရာမွာ
က်ေတာ္တုိ႔ ေပၚေစခ်င္တဲ့ comment အေရအတြက္ကို ေရြးေပးရမွာ ျဖစ္ပါတယ္... Item dates ဆုိတာက comment
ေပးထားတဲ့ ရက္စြဲ ေဖာ္ျပခ်င္ရင္ သုံးပါတယ္... Item sources/authors ရဲ႕ ေရွ႕မွာ အမွန္ျခစ္ေပၚေအာင္
လုပ္ထားမယ္ဆုိရင္ေတာ့ comment ေပးထားခဲ့သူ နာမည္(nick) ကို ေဖာ္ျပေပးမွာျဖစ္ပါတယ္... ၿပီးၿပီ ဆုိရင္ေတာ့ SAVE
CHANGES ကို click လုပ္လုိက္ပါ... ပထမဆုံးပုံက ေနရာ ျပန္ေရာက္သြားရင္ SAVE button ကို ႏွိပ္လုိ႔ရရင္ ႏွိပ္လုိက္ပါ... ၿပီးရင္
ကုိယ့္ဘေလာ့ကို ျပန္ၾကည့္ပါ...
21
က်ေတာ့္ ဘေလာ့မွာေတာ့ အေပၚက အတုိင္း ျမင္ေနရပါတယ္... Saturngod ေရးတဲ့ Comment ေတြကို RSS နဲ႕ၾကည့္မယ္...
ဆိုတဲ့ post ကို ဖတ္ၿပီး စမ္းလုပ္ၾကည့္ရင္း ရလာတာပါ...
---------------------------------
Blogspot အားလုံးအတြက္ EOT လာျပီ...
written by Yan at Sunday, December 9, 2007 Contributor: ရန္ေအာင္
ခုတေလာ ဘေလာ႔ဂ္ေလာကၾကီးထဲမွာ EOT ျပႆနာတက္ေနတယ္လုိ႔ သတင္းသုိးသုိးသန္႔သန္႔ေလး ၾကားရတယ္ဗ်. ဘာတဲ႔

Peekaboo ၾကီးလည္း မဘူးေတာ႔ျပန္ဘူး ဆုိလားပဲ..
ဒီေတာ႔လည္း ေခ်ာင္ထဲမွာ ေခါက္သိမ္းထားခဲ႔တဲ႔ ကၽြန္ေတာ္႔ရဲ႔ Helpdesk ၀တ္စုံယူနီေဖာင္းေလးကုိ ေခါက္ရုိးမက်ိဳးေအာင္
သပ္သပ္ရပ္ရပ္ေလး မီးပူတုိက္၀တ္ဆင္ျပီး ဘေလာ႔ဂ္ေလာကၾကီးထဲကုိ လာခဲ႔ပါေတာ႔သဗ်ား…
(impression ေကာင္းေအာင္ မီးပူတုိက္၀တ္တာပါ. ပုံမွန္အခ်ိန္မွာဆုိရင္ေတာ႔ ဟဲဟဲ. သိတယ္မလား… အိမ္ေနရင္း Banana
Republic ေလာက္ပဲ ၀တ္တာပါ)ကဲဗ်ာ. EOT ဘာေၾကာင္႔ ကြိဳင္ရတာလဲ သိလား..
ဘာေၾကာင္႔လဲဆုိေတာ႔ ဘေလာ႔ဂါေမာင္မယ္တုိ႔အတြက္ ကၽြန္ေတာ္လုပ္ေပးထားတဲ႔ EOT ၾကီးက အလုပ္မလုပ္ေတာ႔တာ

ၾကာေနျပီေလ.. ေသခ်ာတယ္. ေမတၱာေတြ ပုိ႔ေနၾကျပီ..
ဘယ္သူေတြမ်ား ဘာေျပာမလဲလုိ႔ ကၽြန္ေတာ္လည္း ေစာင္႔ၾကည္႔ေနတာ. ဘယ္သမ
ူ ွ လာမေျပာေတာ႔ အုိေကေနတယ္ထင္ျပီး
ကၽြန္ေတာ္လည္း ဘာမွဆက္မေျပာေတာ႔တာဗ်.
အားလုံးကုိ ျပန္လုပ္ေပးေနရရင္ ကၽြန္ေတာ္လည္း လွ်ာထြက္လိမ္႔မယ္. EOT ေကာ္မန္႔မွာ သြားၾကည္႔လုိက္ရင္ ေကာ္မန္႔ေတြက
ေအာက္ထစ္ ၄၀ ေလာက္ ရွိတယ္. ကဲ. ဒီေတာ႔ တာေကာၾကီး ဦးေမာင္လွရဲ႔ EOT လုပ္နည္းေလးကုိ ကၽြန္ေတာ္႔ရဲ႔ အြိရွိအရွ
နည္းေလးေတြနဲ႔ ရႊိဳင္းေပးျပီး အားလုံးအတြက္ EOT လုပ္ေပးလုိက္ပါမယ္…
ဘယ္သူမဆို သုံးႏုိင္ပါတယ္. အသားအေရာင္၊ Blog အေရာင္ ခဲြျခားျခင္း မရွိပါဘူး. Wordpress Platform အတြက္ေတာ႔
မရဘူးဗ်. ကၽြန္ေတာ္က Blogspot ကုိပဲ အရင္လုပ္ေပးမွာ. ဟုိဖက္ကုိ မသြားဖူးေသးေတာ႔ မလုပ္ေပးရဲေသးဘူး. ဒါမ်ဳိးက်ေတာ႔
ကုိသၾကၤန္တုိ႔၊ ကုိေမွာ္ဆရာတုိ႔၊ ကုိ Thinker တုိ႔ လုပ္ေပးလိမ႔မ
္ ယ္. ဟုတ္တယ္မလား ဘရားသားၾကီးတုိ႔ေရ…
ကဲဗ်ာ. စမယ္.
ဒါေလးကုိ EOT Coding ေနရာေလးမွာ ထည္႔ေပးလုိက္ပါ.
(၁) Classic Template သုံးတဲ႔သူမ်ားကေတာ႔ <STYLE TYPE="text/css">
ဆုိတာေလးကုိ ေတြ႔ေအာင္ရွာျပီး အဲဒီ႔စာေၾကာင္းေလးေအာက္မွာ ကၽြန္ေတာ္ခုေရးေပးလုိက္မယ္႔ Coding ေလးေတြကုိ
ထည္႔ေပးပါ.
(၂) New Blogger Template သုံးတဲ႔သူမ်ားကေတာ႔ <STYLE TYPE="text/css"> ဆုိတဲ႔ စာေၾကာင္းေလးကုိ ရွာလုိ႔ေတြ႔မွာ
မဟုတ္ပါဘူး. Helpdesk က EOT ပုိ႔စ္ေလးမွာ ဘေလာ႔ဂါေလးေတြ ျပႆနာတက္ေနၾကတာ အဲဒီ႔ script ေလးကို
လုိက္ရွာေနၾကလုိ႔ပါ.
အဲဒ႔ီ Script ေလးကို ကုိယ္႔ဖာသာပဲ ထည္႔ေပးရပါမယ္. ဒါေၾကာင္႔ New Blogger သမားမ်ား (အမ်ားစုက New Blogger
သုံးေနၾကပါတယ္.) ကေတာ႔ ကၽြန္ေတာ္ေရးေပးလုိက္တဲ႔ Coding ေလးေတြကုိ တုိက္ရုိက္ပဲ ကူးထည္႔လုိက္ပါ.
အေကာင္းဆုံးကူးထည္႔သင္႔တဲ႔ ေနရာကေတာ႔
<Variable name="postTitleTxtColor" description="Post Title Text Color"

type="color" default="#000000">
*/
ဆုိတဲ႔ စာေၾကာင္းေလး ဆုံးတဲ႔ေနာက္မွာ
/* My EOT
-------------------------------------- */
22
ဆုိျပီး ေနရာေလးေပးလုိ႔ ခုေရးေပးလုိက္တဲ႔ စာေၾကာင္းေလးေတြကုိ ကူးထည္႔လုိက္မယ္ဆုိရင္ လုိအပ္လုိ႔ ျပန္ရွာရင္လည္း
အလြယ္တကူေတြ႔ႏုိင္မွာ ျဖစ္ပါတယ္. စနစ္လည္း က်မွာ ျဖစ္ပါတယ္.
ကဲ. Coding ေလးေပးျပီေနာ္.
<STYLE TYPE="text/css">
@font-face {
font-family: Zawgyi-One;
font-style: normal;
font-weight: normal;
src: url(http://www.fileden.com/files/2007/9/23/1451933/EOT_Zawgyi4.eot);
}
@font-face {
font-style: oblique;
}
@font-face {
font-weight: 700;
}
@font-face {
font-style: normal;
font-weight: 700;
}
ဒါဆုိရင္ EOT ျပီးပါျပီ..
ျပီးျပီလား..ျပီးျပီေပါ႔ေနာ္..အဲလုိမ်ိဳး မလုပ္ခ်လုိက္ပါနဲ႔..မၾကာခင္မွာပဲ ျပႆနာထပ္တက္ပါလိမ္႔မယ္..ဘာလုိ႔လဲသိလား
ကၽြန္ေတာ္႔ရဲ႔ EOT ဖုိင္ေလးေတြကုိ Hosting လုပ္ထားတဲ႔ Fileden.com က Free Hosting Site ပါ. ေပးထားတဲ႔ Bandwidth က
နည္းနည္းေလးရယ္ပါ. ကၽြန္ေတာ္႔အေကာင္႔ကုိ ဘေလာ႔ဂါေတြ အမ်ားၾကီးက ၀ုိင္းသုံးၾကတာ မ်ားရင္ Bandwidth ႏုိင္မွာ
မဟုတ္ေတာ႔ပါဘူး. ေဒါင္းသြားပါလိမ္႔မယ္ ခင္ဗ်ာ.
ဒီေတာ႔ ဘာလုပ္ရမလဲ..
အခုေပးလုိက္တဲ႔ ဖုိင္ေလးဖုိင္ကို Download ခ်လုိက္ပါ. ျပီးေတာ႔ ကုိယ္႔ရဲ႔ Hosting Site တစ္ခုခုမွာ ကုိယ္႔ဖာသာတင္ပါ.
ျပီးေတာ႔မွ လင္႔ခ္ေလးကုိ ျပန္ကူးယူျပီး ကုိယ္႔ရဲ႔ EOT ကုဒ္ေလးေတြထဲကုိ ျပန္အစားသြင္းပါ.
ရႈပ္သြားလား.. မရႈပ္ပါနဲ႔ဗ်ာ. ျပန္ရွင္းျပပါမယ္.
File Hosting လုပ္တာကို မသိေသးတဲ႔သူမ်ား ဒီပုိ႔စ္ေလးကုိ သြားဖတ္ပါ. File Hosting လုပ္နည္းေလးေတြကို ရွင္းျပထားတာပါ.
ျပီးမွ ဆက္ဖတ္ပါ.ကဲ. ဖုိင္ေလးဖုိင္ေပးျပီေနာ္. ယူပါေတာ႔
(၁) EOT_Zawgyi1.eot
(၂) EOT_Zawgyi2.eot
(၃) EOT_Zawgyi3.eot
(၄) EOT_Zawgyi4.eot ရျပီလား
23
ဘာလုပ္ရမလဲဆုိေတာ႔ ကုိယ္႔ရဲ႔ Googlepages မွာပဲျဖစ္ျဖစ္၊ Fileden.com၊ Ripway.com စသည္တုိ႔မွာပဲ ျဖစ္ျဖစ္
ဒီဖုိင္ေလးေတြကုိ ျပန္တင္လုိက္ပါ. ျပီးရင္ လင္႔ခ္ကုိ ယူပါ.
ရျပီဆုိရင္ အဲဒီ႔လင္႔ခ္ေလးေတြကုိ ကၽြန္ေတာ္အထက္မွာ ေရးျပခဲ႔တဲ႔ EOT Coding ေလးေတြေနရာမွာ ျပန္အစားသြင္းပါ.
ဥပမာ..
@font-face {
font-style: normal;
}
@font-face {
}
@font-face {
font-weight: 700;
}
@font-face {
font-style: normal;
font-weight: 700;
}
ဆုိတဲ႔ေနရာမွာ အားလုံးတူပါတယ္. တစ္ေနရာပဲ ျပင္ေပးရမွာပါ.
ဆုိတဲ႔ေနရာမွာ
src: url(Your_Zawgyi4_File.eot);
လုိ႔ျပင္ေပးရပါမယ္.
File Hosting Site ကေပးတဲ႔ လင္႔ခ္ကုိ ယူရမွာေနာ္. ကၽြန္ေတာ္ရိုက္ျပေပးထားတဲ႔ နာမည္အတုိင္း ရုိက္မိလုိ႔ကေတာ႔
တုိင္ပတ္သြားလိမ္႔မယ္... တုိင္ၾကီးကုိ ပတ္သြားတာေလ... ဟတ္ဟတ္..အလားတူပဲ
will be
24
src: url(Your_Zawgyi3_File.eot);
သေဘာေပါက္ပါျပီေနာ္..
အဲလုိေလးျပင္ေပးလုိက္ရင္ သင္ကုိယ္တုိင္ပုိင္ဆုိင္တဲ႔ EOT Coding ေလးေတြကုိ ရလာပါလိမ္႔မယ္ခင္ဗ်ာ.

တစ္ခုေတာ႔ သတိထားပါေနာ္. ဖုိင္နာမည္ေတြ မေရာပါေစနဲ႔. Zawgyi1 ေနရာမွာ Zawgyi1 file ျဖစ္ေနပါေစ. Zawgyi4
ဆုိရင္လည္း ကၽြန္ေတာ္ေပးထားတဲ႔ Zawgyi4 File ပဲ ျဖစ္ေနပါေစ..
ကဲ. ဒီေလာက္ပါပဲ. အားလုံး အဆင္ေျပၾကပါေစဗ်ာ.
--------------------------------------------------------
အလြယ္ကူဆုံး EOT လုပ္နည္း
written by mmhelpdesk at Friday, August 17, 2007 Contributor: ေမာင္လွ
ကိုယ့္ရဲ႕ ဘေလာ့ (blogspot.com ဘေလာ့မ်ားသာ) မွာ eot ထည့္ခ်င္သူမ်ား ခင္ဗ်ား....
blog template ျပင္တဲ့အထဲက HTML ထဲဝင္ၿပီး style type="text/css" ကိုရွာ၊ ေတြ႕ၿပီး ဆုိအဲဒီ စာေၾကာင္းရဲ႕ ေအာက္မွာ
ေဖာ္ျပပါ စာေၾကာင္း ၆-ေၾကာင္းကို ထည့္လုိက္ရင္ရပါၿပီ ခင္ဗ်ား...
@font-face {
font-style: normal;
src: url(http://maunghla.googlepages.com/ZAWGYIO0.eot);
}
Bold, Italic တုိ႔အတြက္ ေတာ့မပါပါ... ႐ုိး႐ုိး normal Zawgyi-One အတြက္ပါ... စမ္းၾကည့္ပါဦး...

----------------------------------------------
EOT လုပ္ျခင္း
EOT ဆုိတာ ဘေလာ႔ဂါေတာ္ေတာ္မ်ားမ်ား ၾကားဖူးနား၀ ရွိေနၾကမွာပါ။ ဒါေပမယ္႔ လုပ္ပုံ လုပ္နည္း အတိအက်ကိုေတာ႔

ဘေလာ႔ဂါတုိင္း မသိၾကေသးပါဘူး။ အရင္တုန္းက ကုိေမာင္လွရဲ႔ ဘေလာ႔ဂ္မွာ EOT လုပ္နည္း ေျပာျပထားတာကုိ
အားလုံးအသိပဲ ျဖစ္မွာပါ။ ကၽြန္ေတာ္လည္း သူ႔ပုိ႔စ္ကို ဖတ္ျပီးစမ္းၾကည္႔တာပါပဲ။ သူ႔ပုိ႔စ္ထဲမွာ ေတာ္ေတာ္ျပည႔္စုံျပီး သားပါ။
ခုကၽြန္ေတာ္ေရးေပးလုိက္တာကေတာ႔ ပုိျပီးေတာ႔ ရွင္းလင္းသြားေစလုိတဲ႔ ရည္ရြယ္ခ်က္နဲ႔ screenshot ေလးေတြ
ထည္႔ေပးထားျပီး Step by step ျပန္ရွင္းျပထားတာပါပဲ ခင္ဗ်ာ..
EOT ဆုိတာကေတာ႔ Embedded Open Type ရဲ႔ Acronym အတုိေကာက္စကားလုံးပါ။ သူ႔ရဲ႔ Definition ကုိ ဒီလုိဖြင္႔ဆုိပါတယ္။
Font embedding has been a feature of Microsoft applications, such as Word and PowerPoint®, for several
years. It allows the fonts used in the creation of a document to travel with that document, ensuring that a user
sees documents exactly as the designer intended them. Font embedding technology is built into Microsoft
Internet Explorer (version 4 and above), bringing embedded fonts to the Web.
အေသးစိတ္ကုိ ဒီမွာ ဖတ္ပါ။
25
မူရင္းရည္ရြယ္ခ်က္ကေတာ႔ ကုိယ္တင္ျပထားတဲ႔ ဒီဇုိင္းေဖာင္္႔ပုံစံေတြကုိ ၾကည္႔ရႈသူရဲ႔ စက္ထဲမွာ Download လုပ္ထားစရာမလုိဘဲ
ဒီတုိင္းဖတ္ရႈႏုိင္ေအာင္ လုပ္ထားတဲ႔ နည္းပညာပါပဲ။ ဒီေနရာမွာ Sample Font ေလးေတြကုိ ၾကည္႔ၾကည္႔ပါ။ အဲဒီ႔ေဖာင္႔ေတြ
ကၽြန္ေတာ္တုိ႔စက္ထဲမွာ ထည္႔မထားေပမယ္႔ စာေရးသူျမင္ေစခ်င္တဲ႔အတုိင္း ကၽြန္ေတာ္တုိ႔ ျမင္ေနရပါတယ္။ အဲဒါ EOT ပါပဲ။
ဥပမာေဖာင္႔ေလးေတြကုိ ဒီမွာ ေလ႔လာႏုိင္ပါတယ္။
ကၽြန္ေတာ္တုိ႔ ဘေလာ႔ဂ္ေတြေရးေတာ႔ ေဇာ္ဂ်ီေဖာင္႔ကုိ သုံးၾကတယ္။ ေရးသူအတြက္ ဘာမွျပႆနာမရွိေပမယ္႔ ဖတ္သူမွာ
ေဖာင္႔မရွိရင္ ကူးယူေနရတာ သူ႔အတြက္ အခ်ိန္ ကုန္ပါတယ္။ ကရိကထမ်ားပါတယ္။ ျပီးေတာ႔ စက္ေနာက္တစ္လုံး ေျပာင္းသံုး
တာပဲျဖစ္ျဖစ္၊ ေနာက္တစ္ေနရာရာကုိ သြားလုိ႔ အဲဒီ႔ေနရာက စက္ကုိ သံုးတာပဲျဖစ္ျဖစ္ ေဖာင္႔ကုိ တစ္ခါထပ္ျပီး Download
လုပ္ရျပန္ေရာ။ တစ္ခ်ိဳ႔ Network ေတြက စက္ေတြ (ေက်ာင္း၊ရုံး) မွာ ဆုိရင္ Download လုပ္ရတာ အဆင္မေျပတာ ေလးေတြပါ
ရွိတတ္ ပါတယ္။ ဘာကုိမွ Download ေပးမလုပ္ေအာင္ လုပ္ထားတာမ်ိဳး ေလးေတြလည္း ရွိတတ္ပါတယ္။ ဒါေၾကာင္႔ ဘာျဖစ္လုိ႔
EOT လုပ္သင္႔သလဲ ဆုိရင္ ဖတ္ရႈသူအဆင္ေျပ ေစလုိတဲ႔ ေစတနာေၾကာင္႔ပါပဲလုိ႔ ေျဖရပါမယ္။ ကဲ.စလုိက္ၾကရေအာင္လားဗ်ာ.
ပထမဦးဆုံး Microsoft က ထုတ္လုပ္ထားတဲ႔ WEFT ဆုိတဲ႔ Software ကုိ Download လုပ္ရပါမယ္။ ဒီေနရာမွာ Download
လုပ္ပါ။ .EXE File ကုိ Run ျပီး Install လုပ္ပါ။
Program ကုိ စျပီးေတာ႔ မ run ခင္မွာ EOT အတြက္ Web Page ေလး တစ္ခု အၾကမ္း ဖ်င္း တည္ေဆာက္ပါမယ္။
နာမည္ကုိလည္း လြယ္ကူစြာပဲ eot.htm လုိ႔ေပးပါမယ္။ ဒီေအာက္မွာ ေရးထားတဲ႔ Coding ေလးေတြကုိ Notepad ထဲမွာ ရုိက္ျပီး
Save လုပ္လုိက္ ပါ။ Notepad ဘယ္မွာ ရွိလဲဆုိတာ မသိေသးရင္လည္း ေျပာျပပါဦးမယ္။
Start > Programs > Accessories ထဲမွာ ရွာၾကည္႔ပါ။ Notepad ေရာ Wordpad ေရာ ေတြ႔ပါလိမ္႔မယ္။
အဲဒီ႕ Notepad ထဲမွာ ေအာက္ပါအတုိင္း webpage ေလးတစ္ခုကို အစမ္းတစ္ခု တည္ေဆာက္ပါမယ္။
<HTML>
<BODY>
<FONT FACE=Zawgyi-One SIZE=10> a b c d e f g </FONT>
<FONT FACE=Zawgyi-One SIZE=10><i> a b c d e f g </i></FONT>
<FONT FACE=Zawgyi-One SIZE=10><b> a b c d e f g </b></FONT>
<FONT FACE=Zawgyi-One SIZE=10><b><i> a b c d e f g </b></i></FONT>
</BODY>
</HTML>
စာေၾကာင္းေလးေၾကာင္း ရုိက္ထားတာက Normal, Italic, Bold, Bold Italic Style ေလးခုအတြက္ပါ။ ဒါေၾကာင္႔လည္း EOT
အတြက္ WEFT Program ကုိ Run ရင္ ဖုိင္ ၄ ဖုိင္ ရလာပါလိမ္႔မယ္။ ေဇာ္ဂ်ီေဖာင္႔ကုိ ထည္႔မွာျဖစ္လုိ႔ ေဇာ္ဂ်ီေဖာင္႔ကုိ ေၾကျငာျပီး
စာရုိက္ထား တာ သတိထားမိမွာပါ။ ဥာဏ္ရွိသလုိသုံးလုိ႔ရပါတယ္။ တစ္ျခား ကုိယ္႔ဘာသာကုိယ္ ရွာေတြ႔ထားတဲ႔
ေဖာင္႔ပုံစံေလးေတြ လုပ္ခ်င္တယ္ ဆုိရင္လည္း ဒီတုိင္းပဲ ေၾကျငာျပီး လုပ္လုိ႔ရပါတယ္။ ကုိယ္႔စက္ထဲမွာေတာ႔ ေဇာ္ဂ်ီေဖာင္႔ကုိ
ပထမဦးဆုံး သြင္းထားဖုိ႔လုိပါတယ္။
(Font သြင္းနည္း စကားခ်ပ္)
လုိခ်င္တဲ႔ Font ကို Download လုပ္ပါ။ My Computer>C: Drive ထဲက Windows ထဲကုိ သြားပါ။ အဲဒီ႔ထဲကမွ Fonts ဆုိတဲ႔
Folder ထဲမွာ မိမိ Download လုပ္ထားတဲ႔ Font ကုိ Save လုပ္လုိက္ရုံပါပဲ။)
ကဲ. ျပီးသြားရင္ေတာ႔ ခုနက တည္ေဆာက္ထားတဲ႔ Web Page ေလးကို Save လုပ္လုိက္ ပါ။ eot.html လုိ႔ပဲ လြယ္လြယ္ပဲ
နာမည္ေပးလုိက္ရေအာင္။
ပထမအဆင္႔ webpage တည္ေဆာက္ျခင္းျပီးသြားပါျပီ။ ဒါကုိ ယူသံုးပါေတာ႔မယ္။
Download လုပ္ထားခဲ႔တဲ႔ WEFT Program ကို Run ပါ။ နာမည္နဲ႔ Email Address တစ္ခု ရိုက္ထည္႔ေပးလုိက္ပါ။ Register
လုပ္တဲ႔ ပုံစံေလးပါပဲ။ ဘာမွ မဟုတ္ပါဘူး။
ေရွ႔ဆက္ျပီး ဘာမွမလုပ္ခင္ WEFT Program ကုိ ကုိယ္႔စက္ထဲက Font ေတြအေၾကာင္း Update လုပ္ေပးဖုိ႔လုိပါတယ္။
ပထမဦးဆုံးအၾကိမ္ Run ရင္ေျပာတာပါ။ ကၽြန္ေတာ႔္တုန္း က အၾကိမ္ၾကိမ္ Run ေပမယ္႔ Font မေပၚလာတဲ႔ ျပႆနာ
26
ၾကံဳခဲ႔ရပါတယ္။ ကၽြန္ေတာ္ ေျမစမ္းခရမ္းပ်ိဳး ခဲ႔ရတဲ႔ အရင္းအႏွီးတစ္ခုပါပဲဗ်ာ။ ဘယ္လုိ update လုပ္ရလဲ ဆုိေတာ႔ Menu Bar
ထဲက Tools ကုိ သြားပါ။ ျပီးေတာ႔ Update Font DB ဆုိတာကုိ ေရြးလုိက္ပါ။ ပုံမွာ ျပထားတာကုိ ၾကည္႔ပါခင္ဗ်ာ။
Font Update လုပ္ျပီးသြားရင္ေတာ႔ စလုိ႔ရပါျပီ။ New ကုိ ေရြးပါ။ ဒီပုံစံေလး ေပၚလာပါ လိမ္႔မယ္။
ေနာက္တစ္ဆင္႔အေနနဲ႔ EOT လုပ္မယ္႔ File ကုိ Add လုပ္ပါမယ္။ Connection ျမန္တဲ႔ ေနရာေတြကဆုိရင္ေတာ႔ ကုိယ္႔ရဲ႔
Website URL ကုိ တစ္ခါတည္း ေကာက္ထည္႔လုိက္ရုံ ပါပဲ။ ကၽြန္ေတာ္ အဲဒီ႔အတုိင္းလည္း စမ္းၾကည္႔ဖူးပါတယ္။
အလုပ္လုပ္ပါတယ္။ ဒါေပမယ္႔ အခ်ိန္အရမ္းၾကာပါတယ္။ သူက ေနာက္ဆုံးတင္ထားတဲ႔ ဘေလာ႔ဂ္ပုိ႔စ္အထိပဲ update
လုပ္ေပးသြားပါတယ္။ ေနာက္ထပ္တင္တဲ႔ ပုိ႔စ္ေတြအတြက္ ျပန္ run ေပးေနရတာမ်ိဳး ျဖစ္ေနပါတယ္။ Website ဆုိတာမ်ိဳးကေတာ႔
Static Page ျဖစ္လုိ႔ သိပ္ျပီးေတာ႔ အေျပာင္း အလဲ မလုပ္တတ္ၾကဘူး။ ခုလိုမ်ိဳး တုိက္ရုိက္ URL ထည္႔ျပီး ညႊန္းလုိက္တာ
ျပႆနာမရွိပါဘူး။ ဘေလာ႔ဂ္ေတြက်ေတာ႔ Dynamic Page ပါ။ အျမဲတမ္း ရွင္သန္ ေျပာင္းလဲေနတာပါ။ ဒါေၾကာင္႔ Address ကုိ
တုိက္ရုိက္ညႊန္းတာထက္ မိမိစက္ ထဲမွာ အစမ္းတည္ေဆာက္ထားတဲ႔ Web Page ေလးကုိ ညႊန္းျပီးမွ လုိခ်င္တဲ႔ Site ေတြကို
ထပ္ျပီး Add လုပ္သြားတာ ပိုအဆင္ေျပပါတယ္ခင္ဗ်ာ။
ဒီေနရာမွာလည္း File တင္တာမွာ Trick ေလးေတြ ရွိပါေသးတယ္။ သတိထားမိရင္ ျမင္မွာပါ။ ေဘးနားက Dropdown Menu
ေလးထဲမွာ http://, https://, file://, ftp:// ဆိုျပီး ရွိပါတယ္။ ကၽြန္ေတာ္တုိ႔က စက္ထဲက File ကုိ တင္မွာျဖစ္လုိ႔ file://
ကုိေရြးပါမယ္။ မဟုတ္ရင္ေတာ႔ ဘယ္ေတြေရာက္လုိ႔ ေရာက္ကုန္မွန္း မသိျဖစ္ကန
ု ္ပါလိမ္႔မယ္။
Desktop ေပၚမွာ Save လုပ္ထားတဲ႔ eot.html ေလးကို ေရြးလုိက္ပါ။ ဒီလုိျမင္ရပါလိမ္႔မယ္ ခင္ဗ်ာ။
27
Next ကို ဆက္ႏွိပ္ပါ။ ေနာက္တစ္ဆင္႔ဆက္ႏွိပ္ပါ။ ဒီပုံစံ ျမင္ရပါလိမ္႔မယ္။
အေပၚဆုံးက subsetting ထဲမွာ No. 7 No. Subsetting ကုိ ေရြးလုိက္ပါ။ Next ကို ဆက္ႏွိပ္ပါ။ ဒီပုံစံျမင္ရပါလိမ္႔မယ္။
ဒီအဆင္႔မွာ ကုိယ္ထည္႔ခ်င္တဲ႔ Site ေတြရဲ႔ URL Address ေတြကုိ ထည္႔ဖုိ႔ပါပဲ။ Edit ကုိႏွိပ္လုိက္ပါ။ အဲဒီ႔မွာ ကၽြန္ေတာ္ EOT
လုပ္ေပး ထားတဲ႔ Site ေတြရဲ႔ Address ေတြကုိ ေတြ႔ရပါလိမ္႔မယ္။ ဒီပုံမွာ ေလ႔လာႏုိင္ပါတယ္။
28
လိပ္စာကုိ ရုိက္ထည္႔ရင္ http://yourblog.blogspot.com လုိ႔လည္းရုိက္ပါ။ http://www.yourblog.blogspot.com လုိ႔လည္း
ရိုက္ေပးပါ။ ဘာလုိ႔လဲဆုိေတာ႔ User တစ္ခ်ိဳ႔က www ဆုိတာနဲ႔ရုိက္၀င္သလုိ တစ္ခ်ိဳ႔ကေတာ႔ http:// နဲ႔ ရုိက္၀င္တတ္တာမုိ႔လုိ႔ ၂
မ်ိဳးလုံးရေအာင္လုိ႔ပါ။
ဒီထဲမွာပဲ သူငယ္ခ်င္းေတြရဲ႔ ဘေလာ႔ဂ္ Address ေတြကို ထည္႔ျပီး EOT လုပ္ေပးမယ္ ဆုိလည္း ရပါတယ္။ ဒီေလာက္ဆုိ
ျမင္ေလာက္ျပီထင္ပါတယ္။
လိပ္စာေတြကို ထည္႔ျပီးေတာ႔ ေနာက္တစ္ဆင္႔ မသြားခင္မွာ Show CSS @font-family declarations ဆုိတဲ႔ Box ေလးကို Tick
လုပ္ေပးခဲ႔ပါ။
ျပီးရင္ေတာ႔ Next ကုိႏွိပ္ပါေတာ႔။ ခဏေစာင္႔ေနပါ။ ျပီးရင္ဒီလုိေလး ျမင္ရပါလိမ္႔မယ္။
29
အဲဒီ႔ထဲက ျမင္ရတဲ႔ CSS Code ေလးေတြကို ကူးယူျပီး Word ထဲမွာ Save လုပ္ထားလုိက္ပါ။ WEFT Program ကုိ Next ေတြ
ဆက္ႏွိပ္သြားလုိက္ပါ။ Finish ဆုိတာကုိ ေရာက္သြားရင္ အားလုံး ျပီးတဲ႔ အဆင္႔ပါပဲ။
ျပီးသြားရင္ေတာ႔ Desktop ေပၚမွာ လွမ္းၾကည္႔လုိက္ပါဦး။ EOT အတြက္ ဖုိင္ ၄ ဖုိင္ ေရာက္ေနတာကုိ ဒီလုိေတြ႔ရပါလိမ္႔မယ္။
ေနာက္တစ္ဆင္႔ကေတာ႔ ကၽြန္ေတာ္တုိ႔ ရထားတဲ႔ EOT Files ေတြကို File Hosting Site တစ္ခုခုမွာ တင္ေပးဖုိ႔လုိပါတယ္ခင္ဗ်ာ။
File Hosting Site ဆုိတာကေတာ႔ မိမိလုိခ်င္တဲ႔ ဖုိင္ကုိတင္ျပီး URL ထုတ္ေပးေသာ Site ကို ဆုိလုိပါတယ္။ အမ်ားစုကေတာ႔
www.fileden.com , www.ripway.com တုိ႔ကို အသုံးမ်ားေပမယ္႔ ျမန္မာႏိုင္ငံက လူငယ္အမ်ားစုအတြက္ Googlepages ကုိ
သုံးဖုိ႔ တုိက္တြန္းပါတယ္။
ဖုိင္ ၄ ဖုိင္လုံးကုိ File Hosting Site မွာ တင္ျပီး URL Address ကုိ ယူပါ။ ရလာတဲ႔ URL Address ေတြကို ခုနက Save
လုပ္ထားတဲ႔ File ထဲက ZawgyiOne File အသီးသီး ေနရာမွာ ျပန္အစားသြင္းေပးပါ။
ဥပမာ src: url(ZAWGYIO3.eot);
ဆုိတဲ႔ေနရာမွာ
Src: url(http://h1.ripway.com/yanaung/ZAWGYIO3.eot);
လုိ႔ျပင္ရိုက္ေပးပါ။ လိပ္စာကေတာ႔ File Hosting Site ကထုတ္ေပးတဲ႔ URL ပါခင္ဗ်ာ။ အဲဒါေတြကို တစ္ခုခ်င္း
ျပန္အစားသြင္းျပီးရင္ ကုိယ္႔ရဲ႔ ဘေလာ႔ဂ္ထက
ဲ Template ထဲမွာ သြားထည္႔ေပးရပါမယ္။
ေနာင္ကုိလည္း ျပင္ရလြယ္ေအာင္၊ ရွာရတာလည္း လြယ္ေအာင္၊ စုစုစည္းစည္းေလးလည္း ျဖစ္ေအာင္ Variable Definitions
ဆုိတဲ႔ Code ေတြရဲ႔ ေအာက္မွာ ကပ္လ်က္ EOT CSS Code ေတြကို ကူးထည္႔ေပးလုိက္ပါမယ္။
ကၽြန္ေတာ္လုပ္ထားတဲ႔ ဥပမာေလးကုိ ၾကည္႔ပါခင္ဗ်ာ။
.
.
.
<Variable name="postTitleFont" description="Post Title Font" type="font"
default="normal bold 135% 'Zawgyi-One', Georgia, Times New Roman, Tahoma, Arial, sans-serif">
*/
/* EOT
------------------------------ */
30
@font-face {
font-style: normal;
src: url(http://h1.ripway.com/yanaung/ZAWGYIO4.eot);
}
@font-face {
font-style: normal;
font-weight: 700;
}
@font-face {
font-weight: 700;
}
@font-face {
}
.
.
.
Template ကို Save လုပ္လုိက္ပါ။ဒါဆုိ EOT လုပ္နည္းျပီးပါျပီ။
မွတ္ခ်က္၁. EOT သည္ IE Browser အတြက္သာ ျဖစ္သည္။ Firefox အတြက္ဆုိလွ်င္ Font Download လုပ္ရန္
လုိျမဲလုိေနပါေသးသည္။
၂. EOT လုပ္ရာတြင္ ေနာက္ထပ္ျဖည္႔စြက္ေသာ Blog Address မ်ားအတြက္ လိပ္စာရုိက္ထည္႔ေပးရုံျဖင္႔ EOT ျဖစ္မသြားပါ။
အသစ္ထြက္လာေသာ Zawgyi Font File မ်ားကုိ Hosting Site သုိ႔ ျပန္တင္ခါ URL ေနရာတြင္ ယခင္နည္းအတုိင္း ျပန္လည္
အစားသြင္းရမည္႔ အဆင္႔ကို လုပ္ရန္လုိျမဲလုိပါေသးသည္။
--------------------------------------
Address ဘားမွာ လိုဂိုေလးေတြထည့္မယ္
written by mmhelpdesk at Saturday, June 7, 2008 Contributor: လင္းထက္
ကၽြန္ေတာ္ တို႕ ဘေလာ့ဂ္တစ္ခုကိုဝင္လိုက္ျပီဆိုရင္ ဘေရာက္ဇာရဲ့ ထိပ္မွာရွိတဲ့ လိပ္စာ ဘားမွာ ဘေလာ္ဂါကြန္ ရဲ့လိုဂိုေလး
ကိုဒီလို ေတြ႕ရမွာ ျဖစ္ပါတယ္...။
31
ကဲ ဒီေနရာေလး ကို ကိုယ္ပိုင္လိုဂိုေလး အျဖစ္ေျပာင္းခ်င္သူ မ်ားအတြက္ ဘယ္လိုလုပ္ရမလဲဆိုတာ ေလး
ေဝမွ်ေပးခ်င္ပါတယ္သိၿပီးသူမ်ား သိၿပီးျဖစ္ေကာင္းၿဖစ္ေနမွာ ျဖစ္ေပမယ့္ မသိေသးသူမ်ား လုပ္ရမွာ ခက္ခဲေနသူမ်ား အတြက္
ရည္ရြယ္ၿပီး ေဝမွ်လိုက္တာပါ...။
လုပ္ပံုလုပ္နည္းကေတာ့ အလြန္လြယ္ကူပါတယ္ ကဲစလိုက္ၾကရေအာင္...ပထမဦးဆံုး ဘေလာ့ဂ္ ရဲ့ Layout ကိုဝင္လိုက္ပါ..
ၿပီးရင္ေတာ့ Edit HTML ထဲကိုထပ္ဝင္လိုက္ပါ...
အဲဒီမွာ ကုဒ္ေတြထဲက
<head>
ဆိုတဲ့ကုဒ္ေလးရဲ့ ေနာက္မွာဒီကုဒ္ကိုထည့္လိုက္ပါ...
<link href='http://www.fos.su.se/~arnold/travel/asia2001/myanmar_flag.gif'
rel='shortcut icon'/>
ဒီကုဒ္မွာထည့္ထားတဲ့ လိုဂိုေလး ရဲ့လိပ္စာ အတိုင္းထည့္လိုက္ ရင္ေတာ့ ကၽြန္ေတာ့္ လိုဂိုပံုစံေလး ျဖစ္တဲ့ ျမန္မာ နိုင္ငံအလံေလး
ဟာ လိပ္စာ ဘားမွာ တလူလူ လြင့္ေနမွာ ျဖစ္ပါတယ္ ..
မိမိတို႕နွစ္သက္သလို လိုဂိုေလးမ်ား ပံုေလးမ်ား လုပ္ျပီး ဝဘ္ဆိုက္ တစ္ခုခုမွာ upload လုပ္ျပီး ရလာတဲ့ url လိပ္စာကို
အျပာေရာင္ျပထားတဲ့ ေနရာမွာ အစားသြင္းလို္က္ျခင္းျဖင့္ မိမိ တို႕ကိုယ္ပိုင္လိုဂိုေလးမ်ား ဖန္တီးနိုင္ၾကပါေစ.
-----------------------------
Menu Tab လုပ္နည္းမ်ား - ပုံစံ (၁)
written by Yan at Sunday, June 1, 2008 Contributor: ရန္ေအာင္
ဒီတစ္ခါမွ်ေ၀ခ်င္တာကေတာ႔ ဘေလာ႔ဂ္မွာ Menu Tab လုပ္နည္းေလးပါပဲ. ဒီပုိ႔စ္ေလးကုိ ေရးဖုိ႔ အားခဲထားတာ ၾကာပါျပီ. အခုမွပဲ
စတင္ အေကာင္အထည္ေဖာ္ျဖစ္ေတာ႔တယ္ဗ်ာ. အခု ကၽြန္ေတာ္႔ရဲ႔ ပုိ႔စ္ေလးကုိ ပုံစံ (၁)လုိ႔ နာမည္ေပးထားရတာက ေနာက္ထပ္
ပုံစံကဲြေလးေတြ ရွိေသးလုိ႔ပါပဲ. အဲဒါေလးေတြကုိလည္း ထပ္ေရးေပးသြားပါမယ္. ပုိ႔စ္တစ္ခုတည္းမွာ ေရးလုိက္ရင္ ရႈပ္ကုန္မွာစုိးလုိ႔
ခဲြထုတ္ေရးသားဖုိ႔ ရည္ရြယ္ထားတာပါ.
ကဲ. ဒီေတာ႔ Menu Tab ဆုိတာ ဘာလဲဆုိတာကေန စၾကည္႔လုိက္ရေအာင္. ပုံေလးေတြကုိ ၾကည္႔လုိက္ပါ. အဲဒါ Menu Tab
ေလးေတြပါပဲ.
ဘေလာ႔ဂ္တန္းပလိတ္တုိင္းမွာ Menu Tab မပါၾကပါဘူး. ပါတဲ႔ တန္းပလိတ္ တစ္ခ်ိဳ႔ ရွိပါတယ္. ဒါေပမယ္႔ Wordpress အတြက္
အမ်ားစုျဖစ္ေနၾကတယ္. Blogger Platoform အတြက္က်ျပန္ေတာ႔လည္း ရွိေတာ႔ရွိပါရဲ႔. Classic Template အတြက္
ျဖစ္ေနတတ္ျပီးေတာ႔ New Blogger Widget Template အတြက္ Menu Tab ထည္႔ေပးျပီးသား မရွိတတ္ၾကပါဘူး. ဒီေတာ႔
ကုိယ္တုိင္ကုိယ္က် ထည္႔တတ္ေအာင္ ေလ႔လာသင္ယူလုိက္တာ အေကာင္းဆုံးပဲ မဟုတ္ဘူးလားဗ်ာ…
ပထမဦးဆုံးအေနနဲ႔ ကုိယ္လုပ္မယ္႔ Menu Tab အတြက္ Button ေလးေတြကုိ ဖန္တီးယူရပါမယ္. Photoshop
ႏုိင္နင္းတဲ႔သူေတြအတြက္ဆုိရင္ေတာ႔ ကုိယ္ပုိင္ Button ေလးေတြကုိ ဖန္တီးႏုိင္မွာပါ. Flash သမားေတြဆုိရင္ ပုိေတာင္မွ
အဆင္႔ျမင္႔တဲ႔ Button ေလးေတြ လုပ္ဖုိ႔ အခြင္႔အလမ္းအမ်ားၾကီးရွိပါတယ္. အဲ. ကုိယ္တုိင္ မလုပ္တတ္ရင္လည္း စိတ္မပူပါနဲ႔. ဒီမွာ
အဆင္သင္႔ လုပ္ေပးျပီးသား Button ေလးေတြ ရွိပါတယ္. ကုိယ္႔စတ
ိ ္ၾကိဳက္ ပုံေလးေတြကုိ သိမ္းထားႏုိင္ပါတယ္.
32
Black
Blackleft.gif
Blackright.gif
Blue
Blueleft.gif
Blueright.gif
White
whiteleft.gif
whiteright.gif
33
ကဲ. ပုံေလးေတြ ယူလုိက္ျပီေနာ္. ဒါဆုိရင္ စလုိက္ၾကရေအာင္.
အဆင႔္ (၁)- Blogger ထဲကုိ Sign in ၀င္ပါ. Layout>Template>Edit Html ကုိသြားပါ.

- တန္းပလိတ္ကုိ Backup လုပ္ဖုိ႔ လုံး၀ (လုံး၀) မေမ႔ပါနဲ႔. ဒါမွ မေတာ္တဆ အမွားလုပ္ခဲ႔မိရင္ေတာင္ ကုိယ႔္ဘေလာ႔ဂ္ေလး
မပ်က္စီးႏုိင္ေတာ႔ဘူးေပါ႔.
- Expand Widget Templates ဆုိတဲ႔ Box ေလးကုိ Check လုပ္ခဲ႔ပါ.
အဆင္႔ (၂)- ျပီးသြားရင္ေတာ႔ တန္းပလိတ္ထဲမွာ ]]></b:skin> ဆုိတဲ႔ Code ေလးကုိ လုိက္ရွာပါ. ေတြ႔ျပီဆုိတာနဲ႔ ေအာက္မွာ
ေဖာ္ျပေပးမယ္႔ ကုဒ္ဒင္းေလးေတြကုိ အေပၚကေန ကပ္လ်က္ထည္႔ေပးလုိက္ပါ.
/* Menu Tab Starts Here */
tabshori {
float:left;
width:100%;
font-size:13px;
border-bottom:1px solid #2763A5;
line-height:normal;
}
#tabshori ul {
margin:0;
padding:10px 10px 0 50px;
list-style:none;
}
#tabshori li {
display:inline;
margin:0;
padding:0;
}
#tabshori a {
float:left;
background:url("http://www.fileden.com/files/2007/2/17/784534/blackleft.gif") no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
#tabshori a span {
float:left;
display:block;
background:url("http://www.fileden.com/files/2007/2/17/784534/blackright.gif") no-repeat right top;
padding:5px 14px 4px 4px;
color:#24618E;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabshori a span {float:none;}
/* End IE5-Mac hack */
#tabshori a:hover {
34
background-position:0% -42px;
}
#tabshori a:hover span {
background-position:100% -42px;
}
အေပၚမွာ ျပထားတဲ႔ ကုဒ္ဒင္းေလးေတြထဲမွာ Default အေနနဲ႔ Black Button ေလးကုိ ထည္႔ေပးထားပါတယ္. ကုိယ္ၾကိဳက္တဲ႔
အေရာင္ ေျပာင္းယူႏုိင္ပါတယ္. အနီေရာင္ၾကိဳက္ရင္ blackleft.gif ေနရာမွာ redleft.gif ဆုိျပီးေတာ႔ တစ္ခါ၊ blackright.gif
ေနရာမွာ redright.gif ဆုိျပီးေတာ႔ တစ္ခါ ႏွစ္ေနရာမွာ ေျပာင္းေပးရပါမယ္. ဒီေလာက္ဆုိ သေဘာေပါက္ျပီထင္ပါတယ္.
ဒီေနရာမွာ တစ္ခု ျဖတ္ေျပာခ်င္ပါတယ္. ဘာလဲဆုိေတာ႔ အခုကၽြန္ေတာ္ေပးထားတဲ႔ Button ေလးေတြအတြက္ URL ေတြကုိ
သူမ်ားတင္ေပးျပီးသား လင္႔ခ္ေတြကုိ ယူသုံးတာထက္ Hosting Site တစ္ခုခုမွာ ကုိယ္ပုိင္ေကာက္တင္ျပီး ယူသုံးတာ
ကုိယ္႔အတြက္ ပုိစိတ္ခ်ရပါတယ္. မဟုတ္ရင္ေတာ႔ ၀ိုင္းျပီး သုံးသူေတြ မ်ားႏုိင္တာေၾကာင္႔ Bandwidth မႏိုင္တာေတြ
ျဖစ္လာႏုိင္ျပီး ကုိယ္႔ဘေလာ႔ဂ္မွာ တင္ထားတဲ႔ Menu Tab ေလးေတြ ခဏခဏ ေဒါင္းသြားတတ္ပါတယ္.
File Hosting မလုပ္ခင္ ကုိယ္ၾကိဳက္တဲ႔ ပုံေလးေတြကုိ အရင္ဆုံး Save လုပ္ပါ. ဖုိင္လ္ေတြကုိ ဘယ္လုိမ်ိဳး Host
လုပ္ရလဲဆုိတာကုိ သိခ်င္ရင္ေတာ႔ ဒီပုိ႔စ္ေလးကုိ ဖတ္ျပီး ေလ႔လာစမ္းသပ္ၾကည္႔ပါခင္ဗ်ာ….
Button ေလးတစ္ခုကို အစမ္းသေဘာအေနနဲ႔ တင္ျပေပးပါမယ္. အစိမ္းေရာင္ေလးကုိ ေရြးလုိက္ပါမယ္. တင္ရမယ္႔ ဖုိင္က ႏွစ္ခုပါ.
Greenleft.gif နဲ႔ Greenright.gif ပါ.
File Hosting လုပ္နည္း အက်ဥ္းခ်ဳပ္
Free File Hosting ေပးတဲ႔ Site ေတြထဲကမွ Fileden ကုိ ကၽြန္ေတာ္ေရြးလုိက္ပါမယ္.

Upload ဆုိတဲ႔ Tab ေလးကို ေရြးပါမယ္.
ကုိယ္တင္ခ်င္တဲ႔ ဖုိင္ေလးေတြကုိ Browse ကေန တစ္ဆင္႔ ေရြးပါမယ္. ျပီးရင္ေတာ႔ Upload လုပ္ပါမယ္.
ကၽြန္ေတာ္တင္ခ်င္တဲ႔ Greenleft.gif နဲ႔ Greenright.gif ဖုိင္ေလးေတြကုိ ေရြးျပီးေတာ႔ Upload လုပ္ပါမယ္.
35
ေနာက္တစ္မ်က္ႏွာမွာ ေပၚလာမွာကေတာ႔ ကၽြန္ေတာ္တုိ႔တင္လုိက္တဲ႔ ဖုိင္ေလးေတြရဲ႔ URL လင္႔ခ္ေလးေတြပါပဲ. Selection
လုပ္ျပထားတဲ႔ URL ေလးေတြကုိ ကူးယူလုိက္ရင္ File Hosting လုပ္တဲ႔ Process ေအာင္ျမင္စြာ ျပီးဆုံးသြားပါျပီ.
အခု ကၽြန္ေတာ္တုိ႔ရဲ႔ Case မွာေတာ႔ ဒီလင္႔ခ္ေလးႏွစ္ခုကုိ ယူလာရပါမယ္.
http://www.fileden.com/files/2007/2/17/784534/greenleft.gif နဲ႔
http://www.fileden.com/files/2007/2/17/784534/greenright.gif တုိ႔ပဲ ျဖစ္ပါတယ္.
အဲဒီ႔လင္႔ခ္ေလးႏွစ္ခုကုိ အေပၚမွာ ေဆြးေႏြးထားခဲ႔သလုိပဲ
http://www.fileden.com/files/2007/2/17/784534/blackleft.gif နဲ႔
http://www.fileden.com/files/2007/2/17/784534/blackright.gif ဆုိတဲ႔
ေနရာေလးေတြမွာ အသီးသီး အစားသြင္းေပးလုိက္ရင္ ကုိယ္႔စိတ္ၾကိဳက္ Button ေလးေတြကုိ Menu Tab လုပ္တဲ႔

အဆင္႔ျပီးသြားျပန္ပါျပီ….
အဆင္႔ (၃)ဒီအဆင္႔က နည္းနည္းခက္ပါတယ္. လန္႔မသြားပါနဲ႔ဦး. သတိထားျပီး ဖတ္ေစခ်င္လုိ႔ပါ. ဘာလုိ႔လဲဆုိေတာ႔

ဘေလာ႔ဂါေတြ သုံးတဲ႔ တန္းပလိတ္ေတြက တစ္ခုနဲ႔ တစ္ခု မတူၾကဘူးမဟုတ္လား. ဒီေတာ႔ အခုျပမယ္႔ Tricks ေလးေတြထဲက
တစ္ခုခုနဲ႔ အဆင္ေျပမေျပ ကုိယ္တုိင္ အရင္စမ္းသပ္ၾကည္႔ဖုိ႔ လုိပါတယ္. ဒါေၾကာင္႔ ဒီအဆင္႔ေလးကုိ သတိထားျပီး
ဖတ္ေစခ်င္ပါတယ္ ခင္ဗ်ာ.
ပထမဦးဆုံး အခု ကၽြနေ
္ တာ္ေပးလုိက္မယ္႔ ကုဒ္ဒင္းေလးကုိ ေကာ္ပီကူးထားေစခ်င္ပါတယ္.
<div id="tabshori">
<ul>

<li><a href=" http://yanaung.blogspot.com/ ">မူလစာမ်က္ႏွာသုိ႔</a></li>
<li><a href="Your Link Here">Your Link Name</a></li>
<li><a href="Your Link Here">Your Link Name</a></li>
</ul>
</div >
36
ဥပမာ လုပ္ျပေပးထားတဲ႔ လင္႔ခ္ေလးေတြေနရာမွာ ကုိယ္႔စိတ္ၾကိဳက္ လင္႔ခ္ေလးေတြ ထည္႔ေပးဖုိ႔ေတာ႔ မေမ႔ပါနဲ႔.
ရျပီဆုိရင္ေတာ႔ အဲဒီ႔ကုဒ္ဒင္းေလးေတြကုိ ေကာ္ပီကူးျပီး အသင္႔ျပင္ထားေနာ္.
ကဲ. ဆက္လုပ္လုိက္ၾကရေအာင္.
နည္းလမ္း (၁)
<div id="content-wrapper"> ဆုိတဲ႔ ကုဒ္ဒင္းေလးကုိ ေတြ႔ေအာင္ ရွာပါ. ေတြ႔ခဲ႔ရင္ေတာ႔ အခုနက ကၽြန္ေတာ္တုိ႔

ေကာ္ပီကူးထားတဲ႔ ကုဒ္ဒင္းေလးေတြကုိ အခုေတြ႔ေနရတဲ႔ <div id="content-wrapper"> ဆိုတဲ႔ ကုဒ္ဒင္းေလးအေပၚကေန
ကပ္လ်က္ ထည္႔ေပးလုိက္ပါ.
Template ကုိ Save မလုပ္ပါနဲ႔ဦး. အရင္ဆုံး Preview ၾကည္႔ၾကည္႔ပါ. ၾကိဳက္ျပီလား. အုိေက. ဒါဆုိရင္ Save လုပ္လုိ႔ရပါျပီ.
ဟာ. မဟုတ္ေသးဘူး. Menu Tab ေပၚေနတဲ႔ ေနရာကုိ မၾကိဳက္ဘူး. ဒါဆုိရင္ေတာ႔ ေနာက္တစ္မ်ိဳး ၾကိဳးစားၾကည္႔ပါမယ္.
တန္းပလိတ္ထဲမွာ </div> ဆုိတဲ႔ ကုဒ္ဒင္းေလးေတြ အမ်ားၾကီးရွိပါတယ္. အဲဒါေလးေတြကုိ ရွာျပီး အေပၚကေန ကပ္လ်က္မွာ

ေကာ္ပီကူးဖုိ႔ ေျပာထားတဲ႔ ကုဒ္ဒင္းေလးေတြကုိ ထည္႔ေပးလုိက္ပါ. တန္းပလိတ္ထဲမွာ </div> ဆုိတာေလးေတြ
အမ်ားၾကီးပါပါလိမ္႔မယ္. ၾကိဳးစားၾကည္႔ပါ. ကုိယ္႔စိတ္ၾကိဳက္ေနရာမွာ Menu Tab ေလးေပၚလာသည္အထိေပါ႔. Preview
ခဏခဏ လုပ္ၾကည္႔ပါ. စိတ္ၾကိဳက္ရျပီဆုိေတာ႔မွ Save Template လုပ္ပါ.
ဒါက နည္းလမ္း (၁) ေပါ႔. တန္းပလိတ္အမ်ားစုက ဒီနည္းလမ္းနဲ႔ အဆင္ေျပတတ္ၾကပါတယ္.မေျပဘူးဆုိခဲ႔ရင္ေရာ…
Fine! Here is another method…
နည္းလမ္း (၂)
တန္းပလိတ္ထဲမွာ ေအာက္ပါ ကုဒ္ဒင္းေလးေတြကုိ လုိက္ရွာပါ.
<b:section class='header' id='header'

maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true'
title='your blog title (Header)' type='Header'/>
</b:section>
ေတြ႔ခဲ႔ရင္ အနီေရာင္ေနရာေလးေတြကုိ အခုလုိ ျပင္လုိက္ပါ.
<b:section class='header' id='header'

maxwidgets='2' showaddelement='yes'>
<b:widget id='Header1' locked='false'
title='your blog title (Header)' type='Header'/>
</b:section>
ျပီးသြားခဲ႔ရင္ေတာ႔ တန္းပလိတ္ကုိ Save လုပ္ခဲပ

႔ ါ. ျပီးရင္ Page Element> Add Page Element> HTML/Javascript ကို
ေရြးပါ. ရျပီဆုိရင္ေတာ႔ ခုနက ေကာ္ပီကူးခုိင္းထားတဲ႔ ကုဒ္ဒင္းေလးေတြကုိ ေပၚလာမယ္႔ Content Box ေလးထဲမွာ
ထည္႔ေပးလုိက္ပါ. Save လုပ္ပါ. Preview ၾကည္႔ၾကည္႔ပါ.
37
ကဲ. အဆင္ေျပေခ်ာေမြ႔ၾကပါေစဗ်ာ. အဆင္မေျပခဲ႔တာေတြ ရွိခဲ႔ရင္လည္း ေကာ္မန္႔မွာ ေမးျမန္းႏုိင္ပါတယ္.
Menu Tab တင္နည္း ပုံစံ (၂) ကုိ မၾကာခင္ ဆက္လက္ေရးသားေဆြးေႏြးေပးသြားပါမယ္.
----------------------------------------------------
ဓာတ္ပုံေတြကုိ မူရင္းအရြယ္အစားအတုိင္း ေပၚေစလုိလွ်င္...
written by Yan at Tuesday, May 6, 2008 Contributor: ရန္ေအာင္
အဲလုိေျပာလုိက္လုိ႔. “ဟာ… ဒီတို္င္းဓာတ္ပုံေကာက္တင္တာမ်ား ေရးၾကီးခြင္က်ယ္ ပုိ႔စ္တစ္ခုေရးေနစရာလား” လုိ႔

အေျပာမေစာလုိက္ပါနဲ႔ဦး.
မတူပါဘူးခင္ဗ်ာ. အထူးသျဖင္႔ Screenshot နဲ႔ ရုိက္ယူထားတဲ႔ Thumbnail အရြယ္အစားဓာတ္ပုံေလးေတြဆုိရင္ ဘေလာ႔ဂ္မွာ
ဒီတုိင္းတင္လုိက္ရင္ သိပ္ျပီးေတာ႔ မသဲကဲြ မျပတ္သားေတြ ရွိႏုိင္ပါတယ္. အဲဒီ႔အခ်ိန္က်ရင္ ဒီပုိ႔စ္ေလးရဲ႔ အသုံး၀င္ပုံကုိ သတိတရ
ရွိေနၾကလိမ္႔မယ္လုိ႔ ေမွ်ာ္လင္႔ပါတယ္.
မတူပုံကုိ ဒီမွာၾကည္႔ပါ.
ဒါက PayPal Website မွာ ကၽြန္ေတာ္ေျပာျပခ်င္တဲ႔ အပုိင္းေလးကုိ Screenshot ရုိက္ယူခဲ႔ပါတယ္. ျပီးေတာ႔
ဓာတ္ပုံတင္တဲ႔အခါမွာ Large ကုိ ေရြးျပီး တင္လုိက္ပါတယ္.
လက္ေတြ႔မွာ ထြက္လာတဲ႔ ပုံက ဒီလုိပါ.
စာဖတ္သူမွာ ေတာ္ေတာ္ေလးကုိ အားစုိက္ျပီး ဖတ္ယူရလိမ္႔မယ္လုိ႔ ထင္ပါတယ္. ဒီေတာ႔ စာဖတ္သူဟာ အဲဒ႔ီပုံေလးကုိ

ကလစ္ေခါက္လုိက္ျပီး အသစ္ပြင္႔လာမယ္႔ Windows မွာ ပုံၾကီးၾကီးနဲ႔ ေပၚလာတာကို ျပန္ၾကည္႔ယူရပါတယ္.
အလုပ္ရႈပ္သာြ းတာေပါ႔ဗ်ာ ေနာ္.အဲဒါကုိ ေျဖရွင္းခ်င္လုိ႔ ဒီပုိ႔စ္ေလးေရးတာပါ.
ဒီေတာ႔ ကၽြန္ေတာ္တုိ႔ ခုနက တင္လုိက္တဲ႔ ဓာတ္ပုံမွာ ဘာေတြထူးျခားသြားလဲဆုိတာေလးကုိ သူ႔ရဲ႔ ကုဒ္ဒင္းေလး ယူျပီး
ၾကည္႔လုိက္ၾကရေအာင္.
Code:
<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"
href="http://bp2.blogger.com/_n_MLLA-ikmU/SCFLzvypTxI/AAAAAAAABtI/bMB1LAjBexA/s1600-
h/PayPal8.bmp"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer;
cursor:hand;" src="http://bp2.blogger.com/_n_MLLA-
ikmU/SCFLzvypTxI/AAAAAAAABtI/bMB1LAjBexA/s400/PayPal8.bmp" border="0"
alt=""id="BLOGGER_PHOTO_ID_5197518797336563474" /></a>
အဲဒီ႔မွာ စာေၾကာင္းႏွစ္ေၾကာင္းရဲ႔ ထူးျခားခ်က္ကုိ ေလ႔လာၾကည္႔လုိက္ၾကရေအာင္.
38
href="http://bp2.blogger.com/_n_MLLA-ikmU/SCFLzvypTxI/AAAAAAAABtI/bMB1LAjBexA/s1600-
h/PayPal8.bmp">
နဲ႔
src=http://bp2.blogger.com/_n_MLLA-ikmU/SCFLzvypTxI/AAAAAAAABtI/bMB1LAjBexA/s400/PayPal8.bmp
သူတို႔ႏွစ္ေၾကာင္းမွာ ကြာျခားခ်က္တစ္ခုပဲ ရွိပါတယ္. ဘာလဲဆုိေတာ႔ s1600-h နဲ႔ s400 ပါ. က်န္တာအားလုံးအတူတူပဲ

ျဖစ္ပါတယ္.သူတုိ႔ေတြက ဘာကုိဆုိလုိတာလဲ ဆက္ၾကည္႔လုိက္ၾကရေအာင္.
အေပၚက s1600-h ပါတဲ႔ စာေၾကာင္းက စာဖတ္သူအေနနဲ႔ ဘေလာ႔ဂ္ေပၚက ဓာတ္ပုံကုိ ကလစ္ေခါက္လုိက္ရင္ ေပၚလာမယ္႔
နဂုိမူရင္း အရြယ္အစားရွိတဲ႔ ဓာတ္ပုံျဖစ္ပါတယ္.
ေအာက္က စာေၾကာင္းေလးထဲမွာပါတဲ႔ s400 ကေတာ႔ မူရင္း ဓာတ္ပုံကုိ က်ဳံ႔လုိက္ျပီး ဘေလာ႔ဂ္ေပၚတင္လုိ႔ရေအာင္
လုပ္ေပးထားတာ ျဖစ္ပါတယ္.
ကၽြန္ေတာ္တုိ႔က လက္ရွိ Blogger Platform က ေပးထားတဲ႔ ဓာတ္ပုံဆုိဒ္ထက္ ပုိၾကီးတာလုိခ်င္ေနတယ္.
ဆုိလုိတာက နဂုိမူရင္း အရြယ္အစားကုိပဲ တင္ခ်င္တာ. ဒါမွ စာေသးေသးေလးေတြပါ ေပၚမယ္ေလ.ဒီေတာ႔ ဘာလုပ္မလဲ.
လြယ္ပါတယ္.
အဲဒီ႔ အရြယ္အစားကုိ ကန္႔သတ္ေပးေနတဲ႔ s1600 တုိ႔၊ s400 (Large ျဖစ္လွ်င္)၊ s320 (Medium ျဖစ္လွ်င္)၊ s200 (Small
ျဖစ္လွ်င္) ေတြကုိ ဖ်က္လုိက္ရုံပါပဲ.
ေအာက္ကပုံစံေလးအတုိင္း ျပင္ေပးလုိက္ရုံပါပဲေလ…
<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"

href="http://bp2.blogger.com/_n_MLLA-ikmU/SCFLzvypTxI/AAAAAAAABtI/bMB1LAjBexA/PayPal8.bmp"><img
style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;"
src="http://bp2.blogger.com/_n_MLLA-ikmU/SCFLzvypTxI/AAAAAAAABtI/bMB1LAjBexA/PayPal8.bmp"
border="0" alt=""id="BLOGGER_PHOTO_ID_5197518797336563474" /></a>
ဒါဆုိရင္ အခုလုိမ်ိဳး မူရင္းအရြယ္အစားအတုိင္း ရွိတဲ႔ ဓာတ္ပုံေလးေတြကုိ မိမိတုိ႔ရဲ႔ ဘေလာ႔ဂ္ေလးေတြေပၚမွာ အကန္႔အသတ္

အဆီးအတားမရွိ တင္ႏုိင္ပါျပီ ခင္ဗ်ား
က်န္တဲ႔ အသုံးခ်လုိ႔ ရႏုိင္ဦးမယ္႔ အပိုင္းေတြကုိေတာ႔ ဥာဏ္ရွိသလုိ အသုံးခ်ပါလုိ႔ပဲ တုိက္တြန္းေျပာဆုိလုိပါတယ္…
ကဲ. ႏိႈင္းယွဥ္ျပီးေတာ႔ အကဲျဖတ္ၾကည္႔ပါခင္ဗ်ာ…
Before:
After:
39
-------------------------------------------------------
Adding a top of page icon link in blog
written by CMS at Saturday, April 19, 2008 Contributor: CMS
Blog တုိင္းမွာ ထည့္သြင္းထားသင့္တဲ့ Link Icon တစ္ခုလို႔ ထင္ပါတယ္။ ကိုယ့္ဘေလာ့ရဲ႕ ပို႔စ္ေတြကို reader ေတြ ဖတ္ရင္း Blog
Page ရဲ႕ ေအာက္ဆံုးကို ေရာက္သြားတဲ့အခါမွာ top of the page ကို ျပန္သြားႏုိင္ဖို႔အတြက္ ရည္ရြယ္ပါတယ္။ ကၽြန္ေတာ့္ Blog
ရဲ႕ bottom-right hand corner မွာ ထည့္သင
ြ ္းထားတာကို ေတြ႔ျမင္ႏုိင္ပါတယ္။ ထည့္သြင္း အသံုးျပဳပံုကေတာ့ အရမ္း
လြယ္ကူပါတယ္။ Blogger မွာ sign in လုပ္၊ layout page ကိုသြားၿပီး Add a page element ကို ေရြးရပါမယ္။ Element list
ထဲကေန HTML/Javascript ကိုေရြးၿပီး ေအာက္ပါ coding ကို ထည့္သြင္းေပးလိုက္ရံုပါပဲ။
<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top">
<img src="http://farm3.static.flickr.com/2112/2424600997_f0ef13d47b_o.gif"/></a>
----------------------------------------------
Playtagger နဲ႔ သီခ်င္းတင္နည္း (အေသးစိတ္ ရွင္းလင္းခ်က္)
written by Yan at Thursday, March 13, 2008 Contributor: ရန္ေအာင္
အရင္ဆုံး Playtagger ေလးအေၾကာင္း ပုိရွင္းေအာင္ ေဆြးေႏြးခ်င္ပါတယ္.
ကဲ. လုိရင္းကုိ တုိက္ရုိက္မသြားခင္ ဘာေၾကာင္႔ ဒီလုိ Process ေလးေတြ လုပ္ရတယ္ဆုိတာကုိ ေနာက္ျပန္

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

ဒါဆုိရင္ စဥ္းစားၾကည္႔ရေအာင္လား. ခင္ဗ်ားစက္ထဲမွာ ရွိေနတဲ႔ သီခ်င္းတစ္ပုဒ္ကုိ တစ္ကမၻာလုံးမွာ ရွိေနတဲ႔ အင္တာနက္
သုံးသူေတြ နားဆင္ႏုိင္ေအာင္ ခင္ဗ်ား တစ္ခုခုကုိ လုပ္ရေတာ႔မယ္.
ဒီမွာ ေ၀ါဟာရအသစ္တစ္ခု ၀င္လာျပီ. ဖုိင္ဟုိစတင္း(File Hosting) တဲ႔…
ဒါကို ခင္ဗ်ားနားလည္ဖုိ႔ လုိအပ္လာျပီ.
သူက ဘာလုပ္တာလဲဆုိေတာ႔ ခင္ဗ်ားတင္ခ်င္တဲ႔ သီခ်င္းကို အင္တာနက္ေပၚမွာ တင္ႏုိင္ေအာင္ URL
လင္႔ခ္တစ္ခုထုတ္ေပးတာေပါ႔ဗ်ာ. ေျပာရရင္ေတာ႔ အငွားတည္းခုိခြင္႔ျပဳတာေပါ႔. ဒါေၾကာင္႔လည္း သူ႔ကုိ Host လုပ္ေပးတယ္လုိ႔
ေခၚတာေပါ႔. ဒါဆုိရင္ ပထမအဆင္႔ နားလည္သြားျပီဗ်ာ ေနာ္.
အဲဒါကို အက်ယ္ခ်ဲ႔ျပီး ထပ္ေျပာရရင္ေတာ႔ သီခ်င္းမွတင္မဟုတ္ပါဘူး. အားလုံးအသုံးျပဳႏုိင္ေအာင္ တစ္စုံတစ္ခုကို ေ၀မွ်ေတာ႔မယ္
ဆုိတာနဲ႔ ခင္ဗ်ားဟာ ဖုိင္ဟုိစတင္း ကိစၥကို အနည္းနဲ႔အမ်ား ထိေတြ႔ရေတာ႔မွာ ျဖစ္ပါတယ္. ဖုိင္ဟုိစတင္း ဘယ္လုိလုပ္လဲ ဆုိတဲ႔
40
အေသးစိတ္ကုိေတာ႔ ကၽြန္ေတာ္ ဒီေနရာမွာ ေဆြးေႏြးခဲ႔ျပီးပါျပီ. ေလ႔လာဖတ္ရႈႏုိင္ပါတယ္ ခင္ဗ်ာ.
ေနာက္တစ္ဆင္႔ ဆက္ေျပာမယ္.
URL Link ကေတာ႔ ရလာပါျပီ. အဲဒါကုိ ဘယ္လုိတင္ျပရမလဲ.
ဒီေနရာမွာ HTML Coding ေလးတစ္ခုကို နားလည္ဖုိ႔ လုိအပ္လာပါျပီ. အမ်ားၾကီးမလုိပါဘူးေနာ္. တကယ္႔ကုိ နည္းနည္းေလးပါ.
လင္႔ခ္ခ်ိတ္တဲ႔ ကုဒ္ဒင္းေလးပါပဲ. Anchor Tag လုိ႔ ေခၚပါတယ္.
<a href= "http://www.mmbloggershelpdesk.blogspot.com">Myanmar Bloggers Helpdesk</a>
ဒါဆုိရင္ ကၽြန္ေတာ္တုိ႔ဟာ Myanmar Blogger Helpdesk ဆုိတဲ႔ site ေလးကုိ လင္႔ခ္လွမ္းခ်ိတ္လုိက္တာပဲ ျဖစ္ပါတယ္.
အခု ကၽြန္ေတာ္တုိ႔ သီခ်င္းတင္ဖုိ႔ သီခ်င္းကုိ Host လုပ္ျပီးျပီ. လင္႔ခ္လည္း ထုတ္ျပီးျပီ. တင္ေတာ႔မယ္ဆုိေတာ႔ အေပၚက
ျပထားတဲ႔ အတုိင္းေလး လင္႔ခ္ခ်ိတ္လုိက္ရင္ ရျပီလား…ကဲ. တင္လုိက္ျပီဗ်ာ.
<a href=
“http://www.fileden.com/files/2007/9/23/1451933/Nay%20Chin%20Dar%20Minn%20Ah%20Narr.mp3”>ေနခ်င္
တာ မင္းအနားမွာ</a>
ႏွိပ္ၾကည္႔လုိက္ပါ. ဘာျဖစ္မလဲ..ဘာမွမျဖစ္လာပါဘူး.
လုပ္ပုံလုပ္နည္းကလည္း မွန္ပါရဲ႔နဲ႔ ဘာလုိ႔ ဒီ playtagger ေလးက အလုပ္မလုပ္တာလဲ…
ရွင္းပါတယ္. ကၽြန္ေတာ္တုိ႔ရဲ႔ ဘေလာ႔ဂ္တန္းပလိတ္ထဲမွာ Playtagger နဲ႔ ပတ္သက္တဲ႔ script ေလး မထည္႔ခဲ႔လုိ႔ပါ..
အဲဒါကုိ ဘယ္ေနရာမွာ ထည္႔ရမွာလဲ. အဲဒီ႔ script ေလးေတြက ဘာလဲ..အုိေက. ေဟာဒီ႔မွာဗ်ာ. လုိအပ္တဲ႔ script ေလးေတြ…
<script src='http://del.icio.us/js/playtagger' type='text/javascript'></script>
ဘယ္ေနရာမွာ ထည္႔ရမလဲဆုိေတာ႔ အရင္ဆုံး ကုိယ္႔ဘေလာ႔ဂ္ရဲ႔ တန္းပလိတ္ကုိ သြားပါ.
ျပီးရင္ေတာ႔ </head> ဆုိတာေလးကုိ ေတြ႔ေအာင္ရွာပါ. ရွာလုိ႔ေတြ႔တာနဲ႔ သူ႔အေပၚ ကပ္လ်က္မွာ ခုနက ေပးထားတဲ႔ script
ေလးေတြကုိ ထည္႔ေပးလုိက္ပါ. ဒါဆုိရင္ ျပီးသြားပါျပီ…
ကဲ. ကၽြန္ေတာ္ေနာက္ျပန္ေတြပဲ ျပန္ေျပာျပီးသြားျပီေနာ္. အခုေလာက္ဆုိရင္ ကၽြန္ေတာ္တုိ႔ playtagger နဲ႔ သီခ်င္းတင္ႏိုင္ဖုိ႔
ဘာေတြ လုပ္ရမယ္ဆုိတာကုိ ျခဳံငုံသုံးသပ္မိျပီလုိ႔ ယူဆပါတယ္.
(၁) Playtagger Script ေလးကုိ ဘေလာ႔ဂ္တန္းပလိတ္ရဲ႔ </head> Tag မတုိင္ခင္ေလးမွာ ထည္႔ေပးရမယ္.
(၂) တင္ခ်င္တဲ႔ သီခ်င္းကုိ host လုပ္ျပီး လင္႔ခ္ထုတ္ယူရမယ္.
(၃) <a href= “your song URL”>my song</a> ဆုိတဲ႔ ပုံစံေလးနဲ႔ ကုိယ္႔ရဲ႔ ပုိ႔စ္ေလးထဲမွာ တင္ရမယ္.
ဒါဆုိရင္ ျပီးပါျပီ.
ေနခ်င္တာ မင္းအနားမွာ ဆုိတဲ႔ သီခ်င္းေလးကုိ တင္ခ်င္တယ္. ဒီေတာ႔ ကၽြန္ေတာ္ Fileden.com မွာ သြားျပီး သီခ်င္းေလးကုိ
Host လုပ္ပါတယ္. လင္႔ခ္ထုတ္ယူလာခဲ႔ပါတယ္.
အဲဒါကို ကၽြန္ေတာ္႔ရဲ႔ ဘေလာ႔ဂ္ေလးမွာ ဒီလုိေလးတင္လုိက္ပါတယ္.
<a href=
“http://www.fileden.com/files/2007/9/23/1451933/Nay%20Chin%20Dar%20Minn%20Ah%20Narr.mp3”>ေနခ်င္
တာ မင္းအနားမွာ</a>
41
အဲလုိလုပ္လုိက္ရင္ ဒီလုိေလးေပၚလာပါလိမ္႔မယ္.
ေနခ်င္တာ မင္းအနားမွာ
အားလုံးပဲ အဆင္ေျပ ေခ်ာေမြ႔စြာ သီခ်င္းေလးမ်ား မွ်ေ၀ခံစားႏုိင္ၾကပါေစခင္ဗ်ာ….
သံစဥ္လႈိင္း ဘေလာ႔ဂ္ေလးကုိလည္း လာေရာက္အပန္းေျဖဖုိ႔ ေႏြးေထြးစြာ ဖိတ္မႏၱက ျပဳပါတယ္.
--------------------------------------------
ScrollBox ထည္႔နည္း
written by Yan at Wednesday, February 20, 2008 Contributor: ရန္ေအာင္
ဒီတစ္ခါေတာ႔ ကၽြန္ေတာ္တုိ႔ရဲ႔ ဘေလာ႔ဂ္ေလးေတြ၊ ၀က္ဘ္ဆုိဒ္ေလးေတြထဲမွာ Scroll Box ေလးေတြ ထည္႔နည္းကုိ

ေျပာျပခ်င္ပါတယ္.
အရင္ဆုံး ဒါေလးကုိ မေလ႔လာခင္ Scroll box ေလးေတြ ဆုိတာ ဘာလဲ. ဘယ္လုိေနရာမွာ အသုံး၀င္ႏုိင္သလဲ ဆုိတာေလးကုိ
အရင္စဥ္းစားၾကည္႔လုိက္ၾကရေအာင္.ကဲဗ်ာ.
ခင္ဗ်ားက စာပုိဒ္အရွည္ၾကီးတစ္ခုကုိ အကုိးအကားအေနနဲ႔ ျပခ်င္တယ္. အကုန္လုံးကုိ ရုိက္ျပလုိက္ရင္လည္း ခင္ဗ်ားရဲ႔ ပုိ႔စ္က
အရွည္ၾကီး ျဖစ္သြားမယ္. အဲလုိမ်ိဳးဆုိရင္ ခင္ဗ်ားေပးခ်င္တဲ႔ မက္ေဆ႔ခ်္က ေ၀၀ါးသြားမယ္. ခင္ဗ်ားလုပ္ခ်င္တာက အဲဒီ႔
အကုိးအကား စာပုိဒ္ေလးကို ထည္႔ေပးထားျပီး စာဖတ္သူက ဖတ္ခ်င္ရင္ Scroll Down/Up လုပ္ျပီး ဖတ္၊ တကယ္လုိ႔ ဓာတ္ပုံေတြ
အမ်ားၾကီး တင္ခ်င္တယ္ဆုိရင္လည္း ဒီလုိ Scroll box ေလးထဲ ထည္႔ျပီး ျပထားလုိက္ရင္ ဓာတ္ပုံ အယ္လ္ဘမ္ တစ္ခု
ပုံစံမ်ိဳးေလး ဖန္တီးလုိ႔ရမယ္၊ စာဖတ္သူက ပုံေတြကုိ သူလုိသလုိ၊ ၾကိဳက္သလုိ Scroll Down/Up လုပ္ျပီး ၾကည္႔. ဒါမ်ိဳးေပါ႔ဗ်ာ.
အဓိကကေတာ႔ Space ကုိ အတတ္ႏုိင္ဆုံး က်ဳံ႔လုိက္ျပီး ေပးခ်င္တဲ႔ အေၾကာင္းအရာကုိ သိသာ ထင္ရွားေအာင္ လုပ္ေပးတာပါပဲ.
ဥပမာေလးကုိ ဒီမွာၾကည္႔ပါ.
မင္းရဲ႔ ဆံႏြယ္ေခြေတြထမ
ဲ ွာ
တစ္ညတာေလာက္ အိပ္စက္ခြင္႔ရမယ္ဆုိရင္
ငွက္ငယ္ေတြ ၀န္းရံေနတဲ႔
သစ္တစ္ပင္အျဖစ္ကုိေတာင္ စြန္႔လႊတ္၀ံ႔တယ္.
42
မယုံရင္ ဒီမွာၾကည္႔စမ္း
လြမ္းလြန္းလုိ႔ ျဖစ္လာတဲ႔
မင္းအတြက္ အခ်စ္ပန္း…
<ေရခဲငွက္>
ကဲ. ဘယ္လုိလုပ္ရမလဲ ဆုိေတာ႔ ဒီလုိလုပ္ပါ ခင္ဗ်ာ…

အခု ကၽြန္ေတာ္ေပးလုိက္မယ္႔ Coding ေလးကုိ ေလ႔လာၾကည္႔ပါ.
Your Text Here ဆုိတဲ႔ေနရာမွာ ကုိယ္တင္ျပခ်င္တဲ႔ စာပုိဒ္ေလး၊ ဓာတ္ပုံ စတာေတြကုိ ပုံမွန္အတုိင္း ရိုက္တင္၊ Upload လုပ္
လုပ္ပါ. အဲဒါပါပဲ.
ဒါဆုိရင္ကိုပဲ Scroll Box ေလး တင္နည္း ျပီးပါျပီ.ဟင္. ဒါပဲလားဆုိေတာ႔ မဟုတ္ေသးပါဘူး.
အေသးစိတ္ရွင္းျပပါမယ္. ဒါမွ ကုိယ္လုိသလုိ အက်ဥ္းအက်ယ္ ျပဳျပင္ယူႏုိင္မွာေပါ႔ဗ်ာ.
<div style="border: 3px solid green; overflow: auto; height: 100px; width: 150px; color: black; background-
color: white;">YOUR TEXT HERE</div>
Border: 3px solid green

အဲဒါေလးက ဘာေျပာလဲ ဆုိေတာ႔ Box အစိမ္းေရာင္ေလး တစ္ခုလုပ္မယ္. ေဘာင္ကုိ 3 pixel အထူေပးမယ္လုိ႔ ဆုိလုိပါတယ္.
အေရာင္ေတြ အမ်ိဳးမ်ိဳး ေျပာင္းယူႏုိင္သလုိ border ကုိလည္း Dashed တုိ႔ Dotted တုိ႔ စသျဖင္႔ ေပးႏုိင္ပါတယ္.
height:100px , width:150px
ဒါေလးကေတာ႔ Box ေလးရဲ႔ အျမင္႔နဲ႔ အက်ယ္ကုိ ေျပာပါတယ္. နံပါတ္ေလးေတြကုိ လုိသလုိ ကစားၾကည္႔ျပီး ကုိယ္႔စိတ္ၾကိဳက္
Box အရြယ္အစားေလးကုိ ဖန္တီးယူႏုိင္ပါတယ္. color:black ဒါကေတာ႔ Box ေလးထဲမွာ ေပၚမယ္႔ စာသားေလးေတြရဲ႔
အေရာင္ပါ. Red, Orange, Green စသျဖင္႔ စိတ္ၾကိဳက္ေျပာင္းေပးႏုိင္ပါတယ္.
background-color:white
ဒါကေတာ႔ Box ေလးရဲ႔ ေနာက္ခံ အေရာင္ပါ. ကုိယ္ေရြးခ်ယ္တဲ႔ ေနာက္ခံ အေရာင္နဲ႔ Text အေရာင္ကုိ လုိက္ဖက္ေအာင္
ေရြးခ်ယ္ေပးသင္႔ပါတယ္. ဥပမာ. အျဖဴေနာက္ခံမာွ အမည္းစာလုံးေပၚေအာင္ လုပ္သလုိမ်ိဳးေပါ႔ဗ်ာ.
ကဲ. ဒီေလာက္ပါပဲ.
အစမ္းလုပ္ျပထားတဲ႔ Box ေလးကုိ ေလ႔လာၾကည္႔ႏုိင္ပါတယ္. မရွင္းလင္းတာရွိရင္လည္း ေကာ္မန္႔မွာ
ဆက္သြယ္ေမးျမန္းႏုိင္ပါတယ္.
အေျပာင္းအလဲ
ႏွစ္ဦးတူယွဥ္၊ ဒီအပင္ေအာက္
ပန္းေၾကြေကာက္စဥ္၊ ရင္တထိတ္ထိတ္
43
ဒီအရိပ္မွာ၊ ခ်စ္စိတ္ေ၀ခဲ႔ဖူးပါတယ္.
သစ္ျမစ္ဆုံခြ၊ ယွဥ္ထုိင္ၾကရင္း
ျမေခ်ာင္းေရေၾကာ၊ ပန္းေၾကြေမွ်ာမိ
ၾကည္႔ရင္းၾကည္ႏူး၊ ေခ်ာင္းနဖူးမွာ
စိတ္ကူးႏုသစ္ခဲ႔ဖူးတယ္.
ခင္ကပစ္ေတာ႔
ဒီသစ္ပင္ေအာက္၊ ပန္းမေကာက္ခ်င္
ႏြမ္းေျခာက္ေသြ႔ဆိတ္၊ ဒီအရိပ္မွာ
လြမ္းစိတ္ရာေထာင္ ေ၀ဖူးတယ္.
ခင္မၾကင္ေတာ႔
ညင္ညင္ေရစီး၊ တမ္းတညည္းဟန္
ခင္႔ရယ္သံလား၊ ၀ုိး၀ါးထင္မိ
ၾကည္႔ေလရာရာ၊ ေ၀ဒနာႏွင္႔
ေရျပာအလွ ကင္းဖူးတယ္.
ေဩာ္… ႏွစ္ေတြၾကာလုိ႔
တစ္ခါတစ္ေခါက္၊ ဒီကုိေရာက္လွ်င္
တုိ႔ငယ္စဥ္က၊ ေႏွာင္မွ်င္တြယ္ရစ္
အခ်စ္အလြမ္း၊ ဖမ္းစားညိွဳ႔ငင္
ဒီသစ္ပင္ကား၊ ေခ်ာင္းေရစား၍
ကမ္းပါးျပဳိေနာက္ ပါေလျပီ…
ဒီကျပန္လွ်င္၊ ရင္မခုန္တတ္
မလြမ္းတတ္ေတာ႔၊ စိတ္ဓာတ္ရင္႔က်က္
ခံစားခ်က္တုိ႔၊ ပ်က္ျပယ္ခဲ႔ရ
အနည္က်ျပီ…
ဘ၀ဆုိတာ… ဒါပဲ ခင္…
ေမာင္စိန္၀င္း (ပုတီးကုန္း)
----------------------------------------------
ဘေလာ႔ဂ္တင
ြ ္ ဇယားကြက္ေလးမ်ား ထည္႔သင
ြ ္းျခင္း...
written by Yan at Sunday, January 6, 2008 Contributor: ရန္ေအာင္
အားလုံးပဲ မဂၤလာပါခင္ဗ်ာ. ကၽြန္ေတာ္လည္း နည္းပညာေဆာင္းပါးေလးေတြ မေရးျဖစ္တာ ၾကာပါျပီ. ခုမွပဲ စိတ္ျပန္လည္လာလုိ႔

ျပန္ေရးျဖစ္ေတာ႔မယ္ဗ်ာ.
ဒီတစ္ခါေတာ႔ ဘေလာ႔ဂ္မွာ ဇယားကြက္ေလးေတြ တင္တာကုိ ေျပာျပခ်င္ပါတယ္. HTML နားလည္ျပီးသားသူူေတြေရာ၊
သိပ္မသိေသးတဲ႔သူေတြပါ နားလည္သြားေအာင္ တတ္ႏုိင္သေလာက္ အရွင္းဆုံးပုံစံနဲ႔ ေဆြးေႏြးသြားပါမယ္.
Table ဆုိတာ ဇယားကြက္ေလးေတြေပါ႔ဗ်ာ. ရွင္းပါတယ္ေနာ္.
44
ဇယားကြက္ေလးေတြကုိ ရည္ရြယ္ခ်က္အမ်ိဳးမ်ဳိးနဲ႔ ဥာဏ္ရွိသလုိ အသုံးျပဳႏုိင္ၾကပါတယ္. တစ္ခ်ိဳ႔က Table လုပ္တဲ႔ Coding
ေလးေတြ သိျပီးသားျဖစ္ေနေပမယ္႔ လက္ေတြ႔တင္လုိက္ေတာ႔ ပုိ႔စ္နဲ႔ Table ၾကားမွာ White Space ေတြ အမ်ားၾကီးျဖစ္ျပီး ကုိယ္႔ရဲ႔
ပုိ႔စ္ေလး အရုပ္ဆုိးေနတာကုိ ၾကဳံေတြ႔ဖူးၾကမွာပါ. အဲဒီ႔လုိမျဖစ္ေအာင္ ဘယ္လုိကာကြယ္ရမလဲ ဆုိတာကိုပါ ထည္႔ေျပာသြားပါမယ္
ခင္ဗ်ာ.ကဲ. စလုိက္ၾကရေအာင္လား.
<center>
<table border="1">
<tr>
<td>ေခါင္းစဥ္ (၁)</td><td> ေခါင္းစဥ္ (၂)</td><td> ေခါင္းစဥ္ (၃)</td>
</tr>
<tr>
<td>row 1 col 1</td><td>row 1 col 2</td><td>row 1 col 3</td>
</tr>
<tr>
</tr>
</table>
</center>
အဲဒါဆုိရင္ ေအာက္ပါ Table ေလးကို ရပါျပီ. ဒါေပမယ္႔ Table ေလးရဲ႔ အေပၚမွာ အျဖဴေရာင္ကြက္လပ္ၾကီးေပၚေနတာကုိ
ေတြ႔ရပါလိမ္႔မယ္. အဲဒါဘာလုိ႔လဲဆုိေတာ႔ Blogger က ခင္ဗ်ား Enter Key တစ္ခ်က္ႏွိပ္ျပီး ေနာက္တစ္လုိင္း ဆင္းလုိက္တုိငး္
<br/> ဆုိတဲ႔ Tag ေလးကို Auto ထည္႔ထည္႔ေပးသြားပါယ္. ဒါေၾကာင္႔ Line Break ေလးေတြ ျဖစ္လာျပီး ပို႔စ္နဲ႔
ဇယားကြက္ေလးၾကားထဲမွာ White Space ၾကီး ျဖစ္ေပၚလာရတာပါ
ေခါင္းစဥ္ (၁) ေခါင္းစဥ္ (၂) ေခါင္းစဥ္ (၃)
row 1 col 1 row 1 col 2 row 1 col 3
ကဲ. အဲဒါကုိ ဘယ္လုိေဖ်ာက္ၾကမလဲ ဆုိေတာ႔ ဒီလုိေဖ်ာက္ပါခင္ဗ်ာ.

အခုေပးမယ္႔ HTML Codes ေလးေတြကုိ ခင္ဗ်ားရဲ႔ ဇယားကြက္ေလး မစတင္ခင္မွာ ထည္႔ေပးလုိက္ပါ. ဇယားကြက္ေလးေတြက
တစ္ခုထက္ပုိေနခဲ႔ရင္ေတာ႔ ေနာက္တစ္ခု မစတင္ခင္ အခ်ိန္တုိင္းမွာ ထည္႔ေပးသြားပါ.
<style type="text/css">.nobrtable br { display: none }</style>

<div class="nobrtable">
...the Coding for your Table goes here...

ဒါပဲလားဆုိေတာ႔ မဟုတ္ေသးပါဘူး. ျပီးသြားရင္ </div> Tag ေလးနဲ႔ ျပန္ပိတ္ေပးရပါမယ္.အဲဒါပါပဲ ခင္ဗ်ာ.
Table ကုဒ္ဒင္းေလးတည္ေဆာက္ပုံကုိ အေသးစိတ္ ရွင္းျပပါမယ္.
<center> ဆုိတာကေတာ႔ Table ေလးကို အလယ္မွာ ေပၚခ်င္လု႔ိ Alignment လုပ္ေပးထားတာပါ. <table border= “1”>
ဆုိတာကေတာ႔ Table Border အထူအပါးကို ေျပာပါတယ္. နံပါတ္ၾကီးလာရင္ ပုိျပီးေတာ႔ ထူလာပါမယ္.
<tr> ဆုိတာကေတာ႔ Table Row လုိ႔ ဆုိလုိပါတယ္. <td> ဆိုတာကေတာ႔ Table Data ပါ.
<tr> တစ္ခု စီဟာ Row တစ္ခုစီကုိ ကုိယ္စားျပဳပါတယ္. <tr> တစ္ခုယူျပီးသြားရင္ <td> ေတြ လုိက္ထည္႔လုိ႔ရပါတယ္. <td>
တစ္ခုစီဟာ Column တစ္ခုစီကုိ ကုိယ္စားျပဳသြားပါတယ္.
45
ဥပမာ. ကၽြန္ေတာ္တုိ႔ 3x4 Table တစ္ခု တည္ေဆာက္ေတာ႔မယ္ ဆုိပါစုိ႔ဗ်ာ.
Row 3 ခု နဲ႔ Column 4 ခု ရွိရပါမယ္ေနာ္. အဲဒါဆုိရင္ ဒီလုိတည္ေဆာက္ပါမယ္. မိမိရဲ႔ Coding မွာ <tr> Tag အဖြင္႔အပိတ္
သုံးစုံရွိရပါမယ္. <tr> Tag တစ္ခုစီတုိင္းအတြက္ <td> Tag အဖြင္႔အပိတ္ ေလးစုံစီ ရွိရပါမယ္. ဒါမွ 3x4 Table ျဖစ္ပါမယ္.
<center>
<table border= “1”>
<tr>
<td>We</td>
<td>Are</td>
<td>Greatest</td>
<td>Bloggers</td>
</tr>
</table>
</center>
အဲဒါဆုိရင္ Row တစ္ခု ျပီးသြားပါျပီ. Table Data Cell ေလးခုယူထားတဲ႔အတြက္ Column ေလးခုရွိတယ္လုိ႔ မွတ္ယူႏုိင္ပါတယ္.
သေဘာေပါက္ေလာက္ပါျပီေနာ္.
ကၽြန္ေတာ္တုိ႔ရဲ႔ Table မွာ Row 3 ခု ရွိရမွာ ျဖစ္တဲ႔အတြက္ စုစုေပါင္း <tr> Tag သုံးခုတဲြစီ ရွိရပါမယ္.
ေနာက္တစ္ခုထပ္ထည္႔ျပီေနာ္.
<center>
<tr>
<td>We</td>
<td>Are</td>
<td>Greatest</td>
<td>Bloggers</td>
<tr>
<td>We</td>
<td>Never</td>
<td>Give up</td>
<td>Our Fight!</td>
</tr>
</table>
</center>
ေတြ႔တယ္ေနာ္.ေနာက္တစ္ခုထပ္ထည္႔ပါမယ္.
<center>
<tr>
<td>We</td>
46
<td>Are</td>
<td>Greatest</td>
<td>Bloggers</td>
</tr>
<tr>
<td>We</td>
<td>Never</td>
<td>Give up</td>
<td>Our Fight!</td>
</tr>
<tr>
<td>We</td>
<td>Row</td>
<td>Till</td>
<td>We Die!!!</td>
</tr>
</table>
</center>
ရရွိလာမယ္႔ Table ေလးကေတာ႔ ဒီလုိေလးပဲ ျဖစ္ပါတယ္ခင္ဗ်ာ.
We Are Greatest Bloggers
We Never Give up Our Fight!
We Row Till We Die!!!
ကဲ. ဒီေလာက္ဆုိရင္ Table Coding ေလးအေၾကာင္း နားလည္ေလာက္ျပီလုိ႔ ယူဆပါတယ္. ဆက္ျပီးေတာ႔ Advanced Level
ေလးေတြကုိ သြားလုိက္ရေအာင္ေနာ္.
ကၽြန္ေတာ္အစမ္းလုပ္ၾကည္႔ထားတဲ႔ ဇယားကြက္ေလးေတြကုိ ရႈစားေတာ္မူၾကပါ.
<center>
<h3>ဇယား (၁)</h3>
<table border ="1">

<tr>
<td>ပင္မဘေလာ႔ဂ္</td>
<td>သီခ်င္းဘေလာ႔ဂ္</td>
<td>အေထာက္အကူျပဳဘေလာ႔ဂ္</td>
</tr>
<tr>
<td><a href="http://yanaung.blogspot.com" target="_blank">ရန္ေအာင္</a></td>
47
<td><a href="http://rhythmcorner.blogspot.com" target="_blank">သံစဥ္လႈိင္း</a></td>
<td><a href="http://mmbloggershelpdesk.blogspot.com" target="_blank">Bloggers Helpdesk</a></td>
</tr>
</table>
<h3>ဇယား (၂) </h3>

ဒါကေတာ႔ ဇယားကြက္ေလးေတြရဲ႔ infrastructure ကို ပုံစံလုပ္ျပထားတာပါ. Row ေတြ၊ Column ေတြ ဘယ္လုိ
ေရတြက္ရတယ္ဆုိတာ သိေအာင္ေပါ႔.
<table border="1">
<tr>
<td>Heading 1</td><td>Heading 2</td><td>Heading 3</td>
</tr>
<tr>
</tr>
<tr>
</tr>
</table>
</div>
</center>
ဒီလုိေလးျမင္ရပါမယ္ ခင္ဗ်ာ.
ဇယား (၁)
ပင္မဘေလာ႔ဂ္ သီခ်င္းဘေလာ႔ဂ္ အေထာက္အကူျပဳဘေလာ႔ဂ္
ရန္ေအာင္ သံစဥ္လႈိင္း Bloggers Helpdesk
ဇယား (၂)
ဒါကေတာ႔ ဇယားကြက္ေလးေတြရဲ႔ infrastructure ကို ပုံစံလုပ္ျပထားတာပါ. Row ေတြ၊ Column ေတြ ဘယ္လုိ
ေရတြက္ရတယ္ဆုိတာ သိေအာင္ေပါ႔.
Heading 1 Heading 2 Heading 3
<table border="1"> ေနရာမွာ 1 အစား နံပါတ္ေလးေတြ ေျပာင္းထည္႔ၾကည္႔ႏုိ္င္ပါတယ္.
ဒီလုိစမ္းၾကည္႔မယ္ဗ်ာ.
48
ဇယား (၁)
table border Value ကုိ နံပါတ္ 8 ေပးထားလွ်င္ ေတြ႔ရမည္႔ပုံ...
ဇယား (၂)
ဇယား (၃)
ကဲ. Table ေလးေတြကုိ ဆက္ျပီး ကလိလုိက္ၾကရေအာင္.

<center>
<h4>A background color:</h4>
<table border="1"
bgcolor="red">
<tr>
<td>First</td>
<td>Row</td>
</tr>
<tr>
<td>Second</td>
<td>Row</td>
</tr>
</table>
</center>
အဲဒါဆုိရင္ Table ေလးရဲ႔ ေနာက္မွာ အေရာင္ေလးေတြ ရလာပါလိမ္႔မယ္. Color လုိခ်င္ရင္ blue, green စသည္ျဖင္႔
ရိုက္ထည္႔လုိ႔ ရႏုိင္သလုိ မိမိႏွစ္သက္ရာ Color Coding ေလးမ်ားကုိလည္း အစားသြင္းႏုိင္ပါေသးတယ္. ဒီေနရာမွာ Color Codes
ေလးေတြ ရႏုိင္ပါတယ္ ခင္ဗ်ာ.
49
A background color:
First Row
Second Row
ဒီတစ္ခါက်ေတာ႔ ေနာက္ခံပုံေလးေတြ ထည္႔ၾကည္႔ပါမယ္
<center>
<h4>A background image:</h4>
<table border="1"
background=" http://www.fileden.com/files/2007/9/23/1451933/cool_bg_blue_background.jpg">
<tr>
<td>First</td>
<td>Row</td>
</tr>
<tr>
<td>Second</td>
<td>Row</td>
</tr>
</table>
</div>
</center>
အဲဒါဆုိရင္ေတာ႔ Table ေလးေတြရဲ႔ ေနာက္မွာ မိမိၾကိဳက္နွစ္သက္ရာ ပုံေလးေတြ ထည္႔သြင္းအလွဆင္ျခယ္ႏုိင္ပါျပီ. မိမိတင္ခ်င္တဲ႔

ပုံေလးေတြကုိ File Hosting Site တစ္ခုခုမွာ တင္ျပီးေတာ႔မွ လင္႔ခ္ထုတ္ယူဖုိ႔ကိုေတာ႔ မေမ႔ပါနဲ႔ေနာ္. File Hosting လုပ္နည္းကုိ
မသိရင္ ဒီေနရာမွာ ေရးခဲ႔ျပီးပါျပီ. ေလ႔လာႏုိင္ပါတယ္ ခင္ဗ်ာ.
A background image:
First Row
Second Row
ကုိယ္႔ရဲ႔လုိအပ္ခ်က္ေပၚ မူတည္ျပီး ဒီပုိ႔စ္ေလးကုိ အက်ိဳးရွိစြာ အသုံးခ်ႏုိင္ၾကမယ္လုိ႔ ေမွ်ာ္လင္႔မိပါေၾကာင္း….

------------------------------------------
Crazy Mac Dock Menu Hack For Your Blog
written by Mhaw Sayar at Sunday, December 2, 2007 Contributor: ေမွာ္ဆရာ
Mac crazy ေတြေရာ၊ crazy မဟုတ္သူေတြေရာ Mac လို႔ဆိုလိုက္တာနဲ႔ The Most Advance OS on the Whole World
ဆိုတာကို သိၿပီးျဖစ္ၾကပါလိမ့္မယ္။ လွပေသသပ္ၿပီး၊ ဆြဲေဆာင္မႈအျပည့္ရွိတဲ့ GUI (Graphical User Interface) စနစ္၊
လံုၿခံဳမႈအျပည့္နဲ႔ စြမ္းေဆာင္ရည္ျမင့္မားတဲ့ လုပ္ေဆာင္မႈစနစ္ေတြဟာ စားသံုးသူေတြ အတြက္ေတာ့ Mac ကို
လံုး၀လက္မလႊတ္ႏိုင္ေအာင္ဖမ္းစားထားတဲ့အခ်က္ေတြပါပဲ။
50
Mac User ေတြအတြက္ကေတာ့ အကၽြမ္းတ၀င္ျဖစ္ၿပီးသားမို႔ ထပ္ရွင္းစရာ မလိုေလာက္ေတာ့ပါဘူး။ Mac
နဲ႔အကၽြမ္းတ၀င္မျဖစ္သူေတြ အတြက္ Mac Dock ဆိုတာဘာလဲ ဆိုတာအနည္းငယ္ ရွင္းဖို႔လိုပါလိမ့္မယ္။ တစ္ကယ္ေတာ့ Mac
Dock ဆိုတာ ကၽြန္ေတာ္တို႔ Window ေတြမွာ သံုးသကဲ့သို႔ Application မ်ားကို အလြယ္တစ္ကူ အသံုးျပဳႏိုင္ရန္ Short Cut
Icons (My Computer,My Document. အစရွိသည္) မ်ားကို Mac OS ရဲ့ လွပေသသပ္တဲ့ GUI စနစ္မွာ Menu Bar(Iconbar)
တစ္ခုအျဖစ္ ေပ်ာ့ေပ်ာင္းစြာ ေပါင္းစည္းထားတဲ့ Mac OS ရဲ့ Desktop Iconbar တစ္ခုပါပဲ။
Mac Dock Menu တစ္ခုကို ဘေလာ့ဂ္မွာ ဘယ္လို အသံုးၿပဳထားသလဲဆိုတာ [ဒီေနရာ] မွာ သြားေရာက္ေလ့လာ
ၾကည့္ရႈႏိုင္ပါခင္ဗ်ာ။
ကဲ. ေျပာေနၾကာပါတယ္ဗ်ာ။ လက္ေတြ႔အေနနဲ႔ အခု ေစ်းႀကီးလွတဲ့ Mac ကို ခင္ဗ်ား၀ယ္သံုးစရာ မလိုပါဘူး။ ခပ္မိုက္မိုက္ Mac
Dock ေလးတစ္ခု ခင္ဗ်ား ဘေလာ့ဂ္ထဲကို ေရာက္ရွိလာဖို႔ ဒီပို႔စ္ေလးကို ဖတ္လိုက္ဖို႔ပဲ လိုပါတယ္။
စမယ္ဗ်ိဳ႔။ ပထမဆံုးလုပ္ရမွာက ဒီေအာက္က CSS ကုဒ္ေတြကို ]]></b:skin> မတိုင္ခင္ Footer CSS ကုဒ္ရဲ့ ေအာက္မွာ
ဆက္ထည့္ေပးပါ။ ဒီ CSS ကုဒ္ေတြက Mac Dock Menu ကို ဘေလာ့ဂ္ ေအာက္ေျခမွာ ေပၚေစမွာျဖစ္ၿပီး အေပၚမွာ
ထားလိုသူေတြ အတြက္ကေတာ့ ေအာက္မွာ ဆက္ျပထားတဲ့ ကုဒ္ေတြကိုအသံုးျပဳေပးရပါမယ္။
အဆင့္(၁)
CSS Codes For Mac Dock Menu - For Those Who Want to Use at The Bottom
/* dock2 - bottom */
#dock2 {
width: 100%;
bottom: 0px;
position: absolute;
left: 0px;
}
.dock-container2 {
position: absolute;
height: 50px;
background: #FFFFFF;
padding-left: 20px;
}
a.dock-item2 {
display: block;
font: bold 12px "Zawgyi-One",Arial, Helvetica, sans-serif;
width: 40px;
color: #000;
bottom: 0px;
position: absolute;
text-align: center;
text-decoration: none;
}
.dock-item2 span {
display: none;
padding-left: 20px;
}
51
.dock-item2 img {
border: none;
margin: 5px 10px 0px;
width: 100%;
}
CSS Codes For Mac Dock Menu - For Those Who Want to Use at The Top
/* dock - top */
.dock {
position: relative;
height: 50px;
text-align: center;
}
.dock-container {
position: absolute;
height: 50px;
background: #FFFFFF;
padding-left: 20px;
}
a.dock-item {
display: block;
width: 40px;
color: #000;
position: absolute;
top: 0px;
text-align: center;
text-decoration: none;
font: bold 12px "Zawgyi-One",Arial, Helvetica, sans-serif;
}
.dock-item img {
border: none;
margin: 5px 10px 0px;
width: 100%;
}
.dock-item span {
display: none;
padding-left: 20px;
}
အဆင့္(၂)
ဒီအဆင့္ၿပီးၿပီဆိုတာနဲ႔ ေအာက္က Java Script ကုဒ္ေတြကို ]]></b:skin> ႏွင့္ </head> ၾကားမွာ ထည့္ေပးပါ။ ထံုးစံအတိုင္း
Top အတြက္ နဲ႔ Bottom အတြက္ ကုဒ္ (၂) မ်ိဳးခြဲေပးထားပါတယ္။
52
Java Script For Mac Dock Menu - For Those Who Want to Use at The Bottom
<script type="text/javascript" src="http://myanmarne0.googlepages.com/jquery.js"></script>

<script type="text/javascript" src="http://myanmarne0.googlepages.com/interface.js"></script>



$(document).ready(
function()
{
$('#dock2').Fisheye(
{
maxWidth: 60,
items: 'a',
itemsText: 'span',
container: '.dock-container2',
itemWidth: 40,
proximity: 80,
alignment : 'left',
valign: 'bottom',
halign : 'center'
}
)
}
);
</script>
Java Script For Mac Dock Menu - For Those Who Want to Use at The Top
<script type="text/javascript" src="http://myanmarne0.googlepages.com/jquery.js"></script>

<script type="text/javascript" src="http://myanmarne0.googlepages.com/interface.js"></script>

53

$(document).ready(
function()
{
$('#dock').Fisheye(
{
maxWidth: 50,
items: 'a',
itemsText: 'span',
container: '.dock-container',
itemWidth: 40,
proximity: 90,
halign : 'center'
}
)
}
);
</script>
ဒီအဆင့္မွာ သံုးထားတဲ့ .js ႏွင့္ iepngfix.htc ဖိုင္(၂) ခုကို Bandwidth ကုန္သြားတဲ့အခါမ်ိဳးမွာ ပံုမွန္အလုပ္မလုပ္မႈ ျဖစ္ျခင္းမွ
ကာကြယ္ရန္အတြက္ မိမိကိုယ္ပိုင္ Fileden | Ripway | Google Pages အစရွိတဲ့ Hosting တစ္ခုခုမွာ ျပန္တင္ၿပီး
အသံုးျပဳသင့္ပါတယ္။
အဆင့္(၃) ေနာက္ဆံုးအဆင့္အေနနဲ႔ Dock Menu ကို Bottom မွာ ထည့္လိုသူမ်ားအတြက္ ဒီကုဒ္ေလးကို
ေတြ႔ေအာင္ရွာပါ(Ctrl+F အကူအညီျဖင့္)။
</div> 
<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>
ဒီေနရာမွာ ေအာက္က ျပထားတဲ့ ကုဒ္ေတြ ထည့္ရပါမယ္။
</div></div> 
For Those Who Want to Use at The Bottom (HTML Codes for Mac Dock Menu)

<div class="dock" id="dock2">

<div class="dock-container2">
<a class="dock-item2" href="#"><span>Home</span><img
src="http://myanmarne0.googlepages.com/home.png" alt="home" /></a>
54
<a class="dock-item2" href="#"><span>Contact</span><img
src="http://myanmarne0.googlepages.com/email.png" alt="contact" /></a>
<a class="dock-item2" href="#"><span>Portfolio</span><img
src="http://myanmarne0.googlepages.com/portfolio.png" alt="portfolio" /></a>
<a class="dock-item2" href="#"><span>Music</span><img
src="http://myanmarne0.googlepages.com/music.png" alt="music" /></a>
<a class="dock-item2" href="#"><span>Video</span><img
src="http://myanmarne0.googlepages.com/video.png" alt="video" /></a>
<a class="dock-item2" href="#"><span>History</span><img
src="http://myanmarne0.googlepages.com/history.png" alt="history" /></a>
<a class="dock-item2" href="#"><span>Calendar</span><img
src="http://myanmarne0.googlepages.com/calendar.png" alt="calendar" /></a>
<a class="dock-item2" href="#"><span>Links</span><img
src="http://myanmarne0.googlepages.com/link.png" alt="links" /></a>
<a class="dock-item2" href="#"><span>RSS</span><img
src="http://myanmarne0.googlepages.com/rss.png" alt="rss" /></a>
<a class="dock-item2" href="#"><span>RSS2</span><img
src="http://myanmarne0.googlepages.com/rss2.png" alt="rss" /></a>
</div>
</div>
Mac Dock Menu ကို ဘေလာ့ဂ္ရဲ့ အေပၚမွာ Navigation Bar သဖြယ္ အသံုးျပဳလိုသူေတြအတြက္ကေတာ့ ဒီကုဒ္ေလးေတြကို
ေျပာင္းလဲရွာေဖြဖို႔လိုပါမယ္။
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='More Blogging (Header)' type='Header'/>
</b:section>
</div>
ဒီေနရာမွာ ေအာက္က ျပထားတဲ့ ကုဒ္ေတြကို ေကာ္ပီကူးၿပီး ထည့္ေပးပါ။
<div id='content-wrapper'>
For Those Who Want to Use at The Top (HTML Codes for Mac Dock Menu)

<div class="dock" id="dock">

<div class="dock-container">
<a class="dock-item2" href="#"><span>Home</span><img

src="http://myanmarne0.googlepages.com/home.png" alt="home" /></a>
<a class="dock-item2" href="#"><span>Contact</span><img
src="http://myanmarne0.googlepages.com/email.png" alt="contact" /></a>
55
<a class="dock-item2" href="#"><span>Portfolio</span><img
src="http://myanmarne0.googlepages.com/portfolio.png" alt="portfolio" /></a>
<a class="dock-item2" href="#"><span>Music</span><img
src="http://myanmarne0.googlepages.com/music.png" alt="music" /></a>
<a class="dock-item2" href="#"><span>Video</span><img
src="http://myanmarne0.googlepages.com/video.png" alt="video" /></a>
<a class="dock-item2" href="#"><span>History</span><img
src="http://myanmarne0.googlepages.com/history.png" alt="history" /></a>
<a class="dock-item2" href="#"><span>Calendar</span><img
src="http://myanmarne0.googlepages.com/calendar.png" alt="calendar" /></a>
<a class="dock-item2" href="#"><span>RSS</span><img
src="http://myanmarne0.googlepages.com/rss.png" alt="rss" /></a>
</div>
</div>
ဒီအဆင့္မွာ မွတ္သားစရာ (၂) ခုရွိပါတယ္။

(က) သံုးထားတဲ့ ပံုအားလံုးဟာ ကၽြန္ေတာ့္ရဲ့ Google Pages စာမ်က္ႏွာမွာ တင္ထားတာျဖစ္တဲ့ အတြက္အကယ္၍ ဒီ Hack
ကိုအသံုးျပဳသူမ်ားလာခဲ့ရင္ ပံုေတြရဲ့ Bandwidth ကုန္တဲ့အခ်ိန္ မိမိစာမ်က္ႏွာမွာ ပံုမေပၚတာေတြ၊ ပံုမွန္အလုပ္မလုပ္တာေတြ
ျဖစ္ႏိုင္ပါတယ္။ အဲဒီအတြက္ အေကာင္းဆံုးကေတာ့ ပံုအားလံုးကို ေဒါင္းလုဒ္လုပ္ၿပီး မိမိကိုယ္ပိုင္ Google Pages မွာျဖစ္ျဖစ္၊
အျခား Image Hosting မ်ားမွာျဖစ္ေစျပန္တင္ၿပီး အသံုးျပဳသင့္ပါတယ္။
(ခ) မိမိကိုယ္ပိုင္ အျခား Icon Design မ်ားေျပာင္းလဲ အသံုးျပဳလိုတယ္ဆိုရင္ေတာ့ ေအာက္ပါဆိုဒ္ေတြမွာ သြားေရာက္ရွာေဖြ
ေဒါင္းလုဒ္ လုပ္ၿပီး အစားထိုးအသံုးျပဳႏိုင္ပါတယ္။
http://www.crystalxp.net/galerie/en.cat.1.html
http://www.vistaicons.com/
http://www.iconarchive.com/
http://interfacelift.com/icons-mac/faq.php
(ဂ)ေနာက္တစ္ခုကေတာ့[href="#"] ဆိုတဲ့ ကုဒ္ရဲ့ [#] ေနရာမွာ မိမိထည့္လိုတဲ့ လင့္ခ္ တစ္ခုစီထည့္ေပးရပါမယ္။

Home,Contact အစရွိတာေတြကို မိမိစိတ္ႀကိဳက္ အမည္ေပး၊ ေရွ႔ေနာက္ ေနရာေျပာင္းေရြ႔လို႔ရပါတယ္။
အားလံုးပဲ အဆင္ေျပၾကလိမ့္မယ္လို႔ ထင္ပါတယ္။ အဆင္မေျပမႈတစ္ခုခုရွိခဲ့ရင္ ဒါမမဟုတ္ ပိုမိုေကာင္းမြန္တဲ့
အႀကံအစည္ေလးမ်ား ရွိခဲ့ရင္လည္း မွတ္ခ်က္မွာ လြတ္လြတ္လပ္လပ္ ၀င္ေရာက္ေဆြးေႏြး၊ အႀကံေပး ေရးသားႏိုင္ပါေၾကာင္း။
-------------------------------------
Blogger Comment ႏွင့္ Post Section တို႔တင

ြ ္ Smile ရုပ္ပံုမ်ား ထည့္သင
ြ ္းျခင္း
written by Mhaw Sayar at Thursday, November 8, 2007 Contributor: ေမွာ္ဆရာ
ႏႈတ္တစ္ရာ၊ စာတစ္လံုး။ စာလံုးတစ္ေထာင္ထက္ ရုပ္ပံုတစ္ခုက အဓိပၸာယ္ေပါင္း ေျမာက္မ်ားစြာကို ေဖာ္ျပနိဳင္စြမ္းရွိပါတယ္။

အဲဒီေတာ့ ကၽြန္ေတာ္တို႔ ေရးသားေနတဲ့ ပို႔စ္ေတြ၊ မွတ္ခ်က္ေတြထဲမွာလည္း သူ႔ေနရာေလးနဲ႔သူ အဓိပၸာယ္ရွိတဲ့ ပံုေလးေတြနဲ႔
ကိုယ္စားျပဳေဖာ္ျပေပးလိုက္ မယ္ဆိုရင္ အတိုင္းထက္ အလြန္၊ တံခြန္နဲ႔ ကုကၠား ဆိုသလိုပဲ အစစ၊ အရာရာ သာလြန္ျပည့္စံု
ေကာင္းမြန္တဲ့ ပို႔စ္ ေတြ၊ မွတ္ခ်က္ေတြ၊ ေဆြးေႏြးခ်က္ ေတြျဖစ္လာမွာအမွန္ပါပဲ။
မိမိဘေလာ့ဂ္ရဲ့ Comment မွာေရာ၊ ပို႔စ္ေတြထဲမွာပါ အၿပံဳးေလးေတြကို လူမ်ိဳးဘာသာမေရြး အားလံုးအသံုးျပဳနိဳင္ဖို႔ အလြယ္ကူဆံုး
နည္းလမ္းမ်ားကို ရွာေဖြ တင္ဆက္ထားပါတယ္။
56
နည္းလမ္း။ ။ Blogger Comment & Post Section တို႔တင
ြ ္ Smiles ရုပ္ပံုမ်ားထည့္သင
ေအာက္ပါအတိုင္းလုပ္ေဆာင္ပါ။
(၁) မိမိရဲ့ စက္ထဲမွာ မီးေျမေခြး (FireFox) ဘေရာက္ဇာ ရွိရပါမယ္။ မရွိခဲ့လ်င္ [ဒီေနရာ] မွာေဒါင္းလုဒ္ခ်၍ Install လုပ္ပါ။
(၂) ေနာက္တစ္ခုကေတာ့ Greasemonkey ဆိုတဲ့ FireFox Addon ရွိရပါမယ္။ မရွိခဲ့လ်င္ [ဒီေနရာ] မွာ ေဒါင္းလုဒ္လုပ္၍ Install
လုပ္ပါ။ ၎ Addon အား မိမိ FireFox Browser တြင္ Install လုပ္ၿပီးပါက ဘေရာက္ဇာ၏ ညာဘက္ေအာက္ေျခေထာင့္တြင္
နီညိဳေရာင္ ေမ်ာက္ေခါင္းပံုတစ္ခု ေပၚလာမည္ျဖစ္သည္။
(၃) အထက္ပါအဆင့္မ်ား ေအာင္ျမင္စြာျပဳလုပ္ၿပီးစီးပါက Comment Section တြင္ Smiles မ်ားထည့္သြင္းရန္အတြက္ -
[ဤေနရာ] တြင္ ”ကလစ္” လုပ္ပါ။ Greasemonkey မွ ၎ Script ကို Install လုပ္ေပးမည္ျဖစ္၍ ေအာက္ပါအတုိင္း Pop up
၀င္းဒိုး တစ္ခုတက္လာလ်င္ ”Install” ကိုသာ ဆက္၍ ကလစ္လိုက္ပါ။
ၿပီးလ်င္ မိမိ၏ Comment ေရးသားေသာ ေနရာတြင္ ေအာက္ပါအတိုင္း Smile မ်ားႏွင့္တကြ HTML Code အခ်ိဳ႔ကိုပါ
အလြယ္သံုးႏိုင္ေအာင္ လုပ္ေပးထားေသာ Tab ေလးမ်ားကို ေတြ႔ရမွာျဖစ္ပါတယ္။
(၄) Post Section တြင္ Smiles မ်ားထည့္သြင္းရန္အတြက္ ကိုမူ -
[ဤေနရာ] တြင္ကလစ္လုပ္ပါ။ အထက္ကအတိုင္း Popup တစ္ခုတက္လာလ်င္ Install ကိုကလစ္ပါ။ၿပီးလ်င္ ေအာက္ပါအတိုင္း

ျမင္ေတြ႔နိဳင္ပါၿပီ။
57
(၅) ဤေနာက္ဆံုးအဆင့္တြင္ ေအာက္ပါကုဒ္ မ်ားကိုရွာ၍ အနီျပထားေသာ ကုဒ္မ်ားကို Delete လုပ္ပါ။
.post img {
margin:0 0 5px 0;
padding:4px;
border:1px solid $borderColor;
font-family: "ZawGyi-One", ZawgyiOne, Zawgyi1;
}
အဆံုးသတ္အေနျဖင့္ ေအာက္ပါကုဒ္ မ်ားကို မိမိ၏ Template ထဲရွိ </head> ဆိုေသာကုဒ္ မတိုင္မွီ Template ၏ CSS
အပိုင္းတြင္ထည့္ေပးပါ။
img.emoticon {
padding: 0;
margin: 0;
border: 0;
}
ၿပီးလ်င္ အားလံုး အဆင္သင့္ျဖစ္ပါၿပီ။ ပို႔စ္ေရးေသာအခါ၊ သို႔၊ မွတ္ခ်က္ေရးေသာအခါ တြင္ Smile မ်ားကိုအသံုးျပဳလိုပါက၊

မိမိေပၚေစခ်င္ေသာ ေနရာတြင္ Cursor ခ်ၿပီး၊ အသံုးျပဳမည့္ Smile ေလးမ်ားေပၚတြင္ ကလစ္ေပးလိုက္ရံုသာျဖစ္သည္။
မွတ္ခ်က္။ ။အထက္ပါ Smiles Hack တြင္ Comment Section အတြက္ Hack သည္ ၎ Hack ကို Install လုပ္ထားေသာ
ဘေလာ့ဂ္ ႏွင့္ အဆိုပါ စက္တြင္သာျမင္ရမည္ျဖစ္သည္။ အျခားသူမ်ား၏ ဘေလာ့ဂ္ႏွင့္ စက္မ်ားမွ ျမင္ေတြ႔ရမည္မဟုတ္။ထို႔ျပင္
ဘေလာ့ဂ္၏ ပို႔စ္ Section တြင္ Comment မွ Smile မ်ားေပၚမည္မဟုတ္ပဲ သေကၤတမ်ားျဖင့္သာ ကိုယ္စားျပဳမည္ျဖစ္သည္။
ဘေလာ့ဂ္၏ Comment Section တြင္သာ Smiles မ်ားကိုျမင္ေတြ႔ရမည္ျဖစ္သည္။
--------------------------------------------------
ဘေလာ့ဂ္ ထိပ္ဆံုးက navbar ေဖ်ာက္ျခင္းသည္ တရား၀င္၊မ၀င္ ?
written by Mhaw Sayar at Monday, November 5, 2007
Contributor: ေမွာ္ဆရာ
Blogspot အသံုးျပဳသူတိုင္း မိမိဘေလာ့ဂ္ရဲ့ ထိပ္ဆံုးမွာ ဘေလာ့ဂ္ေတြကို ရွာေဖြလို႔ရတဲ့ Search Box တစ္ခုနဲ႔ အတူ မိမိရဲ့ Gmail
Address ကိုပါအၿမဲေဖာ္ျပေနတဲ့ Navigation Bar တစ္ခုကို သတိျပဳမိၾကမွာပါ။ တစ္ခ်ိဳ႔ ကအဲဒီဘားကို ႀကိဳက္တာရွိသလို
တစ္ခ်ိဳ႔ကလည္း မႀကိဳက္တာေတြရွိၾကပါတယ္။ အဲဒီ navbar ကလည္း တစ္ခ်ိဳ႔ေသာ Blogger Template ေတြမွာ ပါသလို
တစ္ခ်ိဳ႔ေသာ Template ေတြမွာ မပါပါဘူး။ ေသခ်ာတာက ေတာ့ Blogger.com ရဲ့ မူရင္း Template အားလံုးလိုလိုမွာ
ပါပါတယ္။ေနာက္ မ်ားေသာအားျဖင့္ ဘေလာ့ဂၢါေတြ ေတာ္ေတာ္မ်ားမ်ားကလည္း အဲဒီ Navigation Bar ကို မိမိနည္း ၊ မိမိဟန္နဲ႔
ေဖ်ာက္ၿပီးအသံုးျပဳေနၾကတာ အစဥ္ အလာတစ္ခုလိုျဖစ္ေနပါၿပီ။
ဒီေနရာမွာ အေရးႀကီးတဲ့ ေမးခြန္းတစ္ခုကေတာ့ အဲဒီလို Navigation Bar ေဖ်ာက္သံုးျခင္းဟာ Google ရဲ့ Terms of Service
ေတြ ၊ Privacy Polcy ေတြနဲ႔ညီ မညီဆိုတာပါပဲ။ဒါနဲ႔ပတ္သက္ၿပီး ေလ့လာၾကည့္မိတဲ့ အခ်ိန္မွာ Blogger ရဲ့ TOS စာမ်က္ႏွာ
မွာမည္သည့္ ရည္ညႊန္းခ်က္မွ မေတြ႔မိသလို Blogger Support Group ရဲ့ ေဆြးေႏြးခန္း မွာ ဆိုရင္လည္း Navigation Bar နဲ႔
ပတ္သက္တဲ့ ေမးခြန္းတိုင္းကို အၿမဲတေစ ျငင္းပယ္ေလ့ ရွိတာကိုေတြ႔ရပါတယ္။
ဒီျပႆနာကို ရွင္းရွင္းလင္းလင္း သိဖို႔အတြက္ အိႏၵိယ ႏိုင္ငံ ဘန္ဂလိုၿမိဳ႔မွာ ျပဳလုပ္ခဲ့တဲ့ Google ရဲ့ Road Show ျပပြဲအတြင္း
Blogger မ်ားမွ navbar Polcy နဲ႔ပတ္သက္တဲ့ အေၾကာင္းအရာမ်ားကို ရွင္းလင္းေျပာၾကားေပးဖို႔ Google ရဲ့တာ၀န္ ရွိသူမ်ားကို
58
ေမးျမန္းခဲ့ၾကပါတယ္။ အဲဒီျပပြဲအတြင္းမွာပဲ Google အမႈေဆာင္အဖြဲ႔( Google's Bangalore office) မွ အေရးေပၚအစည္း
အေ၀းေခၚခဲ့ၿပီး navbar ေဖ်ာက္ျခင္းဟာ တရား၀င္(Legal) ျဖစ္ပါေၾကာင္း ေသခ်ာတဲ့ ဆံုးျဖတ္ခ်က္ႏွင့္
ရွင္းရွင္းလင္းလင္းေၾကညာခဲ့ပါတယ္။
ေကာင္းပါၿပီ။ အဲဒီေတာ့ ကၽြန္ေတာ္တို႔ဒီ nvabar ေလးကိုေဖ်ာက္သံုးျခင္းဟာ တရား၀င္ျဖစ္ေၾကာင္း ေသခ်ာသြားပါၿပီ။
ဘယ္လိုေဖ်ာက္မလဲ။ နည္းလမ္းေတြကေတာ့ အမ်ိဳးမ်ိဳးရွိၿပီး၊ အမ်ိဳးမ်ိဳးသံုးၾကပါတယ္။ ဘေလာဂၢါအမ်ားစု သံုးေလ့သံုးထရွိတဲ့
နည္းလမ္းကေတာ့ မိမိရဲ့ Blog Template အတြင္း </head> ဆိုတဲ့ကုဒ္ မတိုင္ခင္မွာ ေအာက္ပါကုဒ္ ေလးထည့္သြင္း
လိုက္ၾကျခင္းပါပဲ။
#navbar-iframe {display:block}
ဒါေပမယ့္ အဲဒီ နည္းလမ္းအရ သံုးတဲ့ navbar ကို ေဖ်ာက္ရာမွာ တိက်ေသခ်ာမႈ သိပ္မရွိလွပါဘူး။ တစ္ခါတစ္ေလ လုပ္တဲ့
ေန႔ကေတာ့ အေကာင္းျဖစ္ေပမယ့္ ေနာက္(၂) ရက္ေလာက္အၾကာမွာ navbar ကျပန္ေပၚလာတတ္ တာမ်ိဳးေတြရွိပါတယ္။
ေနာက္ .. ဒီနည္းနဲ႔လည္း navbar ကိုေဖ်ာက္ႏိုင္ပါေသးတယ္။ မိမိဘေလ့ာဂ္ရဲ့ Edit Html စာမ်က္ႏွာကိုသြား ပါ။ body { ဆိုတဲ့
ကုဒ္ ကိုေတြ႔ေအာင္ရွာပါ။ ၿပီးတဲ့ေနာက္ ၎ကုဒ္မတိုင္ခင္ ေအာက္ပါကုဒ္ မ်ားကို ျပထားသည့္ အတိုင္း ထည့္ပါ။
.Navbar {
display:none;
visibility:hidden
}
body {
အထက္ပါနည္းေလးကေတာ့ မဆိုးလွပါဘူး။အသံုးျပဳသူေတြကို လံုေလာက္တဲ့ ေက်နပ္မႈရေစမွာပါ။

အေကာင္းဆံုးနဲ႔ လက္ရိက
ွ ၽြန္ေတာ္သံုးေနတဲ့ နည္းကေတာ့ ေအာက္ပါ နည္းလမ္း ပါပဲ။
၁) သင့္ ဘေလာ့ဂၢါ အေကာင့္ထ္ ကို၀င္ပါ။ Setting ကိုဆက္၀င္ၿပီး ၊ Template tab မွတဆင့္ Edit HTML ကိုဆက္သြားပါ။
အဲဒီကိုေရာက္ၿပီဆိုတာနဲ႔ ေအာက္ပါ ကုဒ္ ကိုေတြ႔ေအာင္ရွာပါ။
<body>
၂)ကုဒ္ကိုေတြ႔ၿပီဆိုပါက ၎၏ေနာက္မွ ကုဒ္မ်ားကို ေအာက္ပါအတိုင္း ဆက္ထည့္ေပးပါ။
<body>
<style type="'text/css'">
#navbar-iframe {display:none;}
</style>
ဒါဆိုရင္ မေပၚေစခ်င္တဲ့ navbar လံုး၀ ကိုေပၚလာေတာ့မွာ မဟုတ္ပါဘူး။ navbar မေပၚေစခ်င္သူမ်ား မိမိဘေလာ့ဂ္မွာ

လက္ေတြ႔စမ္းသပ္ၾကည့္ႏိုင္ပါတယ္။
------------------------------------------------------
FavIcon လုပ္ၾကမလား?
written by Mhaw Sayar Contributor: ေမွာ္ဆရာ
FavIcon ဆိုတာရဲ့ ဆိုလိုရင္းကေတာ့ Favourite Icon ပါ။ သူ႔ကို အသံုးျပဳတဲ့ ေနရာကေတာ့ ၀ဘ္ဘေရာက္ဇာေတြရဲ့ Website
Address ေတြရဲ့ေရွ႔မွာ ၎၀ဘ္ဆိုဒ္ရဲ့ အမွတ္တံဆိပ္အေသးစားအျဖစ္၊ လႈပ္ရွားေနတဲ့ ပံုေတြအျဖစ္လည္းေကာင္း၊ ပံုေသေတြ
အျဖစ္လည္းေကာင္း အသံုးျပဳၾကပါတယ္။ ေအာက္ကပံုကိုၾကည့္လိုက္ရင္ FavIcon ဆိုတာ ဘာလဲဆိုတာပိုရွင္းသြားပါလိမ့္မယ္။
59
အထက္က ပံုကေတာ့ ကၽြန္ေတာ္တို႔ ေရာင္းရင္းႀကီး Blogger.com ရဲ့ Favicon ပဲျဖစ္ပါတယ္။ မ်ားေသာအားျဖင့္ေတာ့ ကိုယ္ပိုင္
Web Hosting ၀ယ္ၿပီး၊ ကိုယ္ပိုင္၀ဘ္ဆိုဒ္ ေရးသားလြတ္တင္ ထားတဲ့သူေတြ အတြက္ Favicon ကိုမိမိကိုယ္တိုင္
ထည့္သြင္းေပးရပါတယ္။ ဒါေပမယ့္ ကၽြန္ေတာ္တို႔ Blogger.com မွာေတာ့ အလိုအေလ်ာက္ပဲ ပါရွိၿပီးသားျဖစ္တဲ့အတြက္ အဲဒီ
မူရင္းပါရွိတဲ့ Blogger ရဲ့ Favicon ကို မိမိစိတ္ႀကိဳက္၊ မိမိရဲ့ အမွတ္တံဆိပ္တစ္ခုနဲ႔ အစားထိုးေဆာင္ရြက္ႀကည္႔ၾကပါမယ္။
ဘယ္လိုအစားထိုးၾကမလဲ။ လုပ္နည္းက သိပ္ကိုလြယ္ပါတယ္။ ေအာက္ပါအတိုင္း ေဆာင္ရြက္ပါ။
နည္းလမ္း(၁)
၁)Favicon အျဖစ္အသံုးျပဳရန္ မိမိ စိတ္ႀကိဳက္ ေဆာ့ဖ္၀ဲလ္တစ္ခုကို အသံုးျပဳကာ စိတ္ႀကိဳက္ဒီဇိုင္းတစ္ခုဖန္တီးပါ။ ၿပီးလ်င္ပံုကို
.png အမ်ိဳးအစားဖိုင္ အျဖစ္သိမ္းဆည္းပါ။ ဖိုင္ရဲ့ အရြယ္အစားကေတာ့ ၁၆*၁၆ Pixels မွ ၃၂*၃၂ Pixels အတြင္းႀကိဳက္သလို
ဖန္တီးလို႔ရပါတယ္။
၂)၎ Icon ကို (Photobucket သို႔မဟုတ္ Googlepage) စသျဖင့္ တစ္ေနရာရာတြင္ Upload လုပ္ပါ။ရလာေသာ လင့္ခ္ကို
တစ္ေနရာတြင္ ေကာ္ပီကူးၿပီးမွတ္ထားပါ။
၃)Blogger Dashboard ကို၀င္ေရာက္ၿပီး၊ Template ေအာက္ရွိ Edit HTML တြင္ေအာက္ပါ ကုဒ္မ်ားကို Ctrl+F အကူအညီျဖင့္
ေတြ႔ေအာင္ရွာေဖြပါ။
<title><data:blog.pagetitle/></title>
၄)ေတြ႔ရွိပါက ၎ကုဒ္မ်ား၏ ေအာက္တြင္ ေအာက္ပါကုဒ္မ်ားကို Copy->Paste လုပ္ပါ။
<link href='URL of your icon file' rel='shortcut icon' type='image/vnd.microsoft.icon'/>
၅)"URL of your icon file" ဆိုေသာေနရာတြင္ မိမိ Favicon ၏လင့္ခ္ကို အစားထိုး ရပါမယ္။
၆)Template ကို Save လုပ္ပါ။ ၿပီးလ်င္ ဘေရာက္ဇာ အသစ္တစ္ခုဖြင့္ၿပီး မိမိ ဘေလာ့ဂ္လိပ္စာကိုရိုက္ထည့္၍ Favicon
ေပၚမေပၚၾကည့္ ၾကည့္ပါ။
အကယ္၍ Favicon မေပၚဘူးဆိုလ်င္ မိမိဘေရာက္ဇာရွိ Temporary Internet ဖိုင္မ်ားကို Delete လုပ္ေပးရပါမယ္။
နည္းလမ္း(၂)
အထက္ပါနည္းမွာ ကိုယ္ပိုင္ Favicon တစ္ခုဖန္တီးဖို႔ဆိုတဲ့ အဆင့္အတြက္ အခက္အခဲ ရွိေကာင္းရွိႏိုင္ပါတယ္။ အကယ္၍
ဖန္တီးဖို႔ အခက္အခဲ မရွိခဲ့ဘူး ဆိုရင္လည္း အခ်ိန္ေပးဖို႔အတြက္ စကားေျပာစရာရွိလာပါမယ္။ အဲဒီအတြက္
အခ်ိန္လည္းေပးစရာမလို၊ ကိုယ္တိုင္လည္း ဘာမွဖန္တီးစရာမလိုပဲ အမိုက္စား Animation FavIcon ေတြကို မိမိစိတ္ႀကိဳက္၊
မိမိစက္ထဲမွာရွိတဲ့ ပံုတစ္ပံုေပးလိုက္ရံု နဲ႔ မိမိဘေလာ့ဂ္ (သို႔) ဆိုဒ္ အတြက္ Favicon တစ္ခုကို အျမန္ဆံုးနဲ႔၊
အလကားဖန္တီးေပးတဲ့ ဒီေနရာ ကိုသြားတာ အေကာင္းဆံုးပါပဲ။
(ကၽြန္ေတာ့္ဆိုဒ္မွာ အဲဒီနည္းကိုသံုးထားပါတယ္။)
ပံုအႀကီးၾကည့္ရႈရန္ ပံုေပၚတြင္ကလစ္ေပးပါ။
60
အဲဒီေနရာကိုေရာက္ရင္ ညီအစ္ကိုေမာင္ႏွမမ်ား ေတြ႔ၾကတဲ့ အတိုင္းပါပဲ။
၁)Browse ထဲမွေန၍ မိမိစိတ္ႀကိဳက္ပံုတစ္ပံု (အရြယ္အစား၊ဖိုင္အမ်ိဳးအစား ကန္႔သတ္ ခ်က္မရွိ) ကိုေရြးပါ။
၂) ၿပီးလ်င္ Scrolling Text ၏ေဘးမွ အကြက္တြင္ မိမိဘေလာ့ဂ္နာမည္၊ သို႔ မိမိစိတ္ႀကိဳက္ မိမိ ေပၚေစခ်င္ေသာ
စာသားကိုရိုက္ထည့္ပါ။
၃)ၿပီးလ်င္ Animate Favicon ၏ေဘးရွိ Check Box တြင္ Enable ေပးၿပီး Generate FavIcon.ico ကိုကလစ္လုပ္ပါ။
၄)ေနာက္တစ္မ်က္ႏွာတြင္ Download ႏွင့္ Preview ဆိုၿပီးျပလာမွာျဖစ္ပါတယ္။ မိမိ၏ FavIcon အထုပ္ကို Download လုပ္ပါ။
၅)ေဒါင္းလုဒ္လုပ္လို႔ရလာတဲ့ အထုပ္ဟာ zip file နဲ႔ထုပ္ထားတာျဖစ္တဲ့ အတြက္ အဲဒီအထုပ္ေပၚမွာ Right Click ေပးၿပီး Extract
Here လုပ္ပါ။
၆)Extra File ထုပ္ထဲမွ animated_favicon1 ကိုေရြးခ်ယ္ၿပီး အထက္မွာ ေျပာခဲ့တဲ့အတိုင္း မိမိစိတ္ႀကိဳက္ေနရာတစ္ခုမွာ Upload
လုပ္ပါ။ရလာတဲ့ လင့္ခ္ကို ေကာ္ပီကူးၿပီးမွတ္သားထားပါ။
၇)ၿပီးလ်င္ အထက္တြင္ရွင္းၿပခဲ့သည့္အတိုင္း "URL of your icon file" ေနရာတြင္မိမိ FavIcon ရဲ့ လင့္ခ္ကိုအစားထိုးထည့္ပါ။
ထိုစာေၾကာင္းရွိ ' type='image/vnd.microsoft.icon' ဆိုေသာေနရာတြင္ ေအာက္ပါကုဒ္ျဖင့္ အစားထိုးပါ။
type='image/gif'
၈)Template ကို Save လုပ္ၿပီးလ်င္ အားလံုး Ready ျဖစ္ပါၿပီ။ မိမိဘေလာ့ဂ္အား ဘေရာက္ဇာ အသစ္တြင္ဖြင့္ၿပီး
ေက်နပ္မႈရယူပါ။
-----------------------------------------------------------------
Blog Footer ကို (၃) ေကာ္လံ ခြျဲ ခင္း
written by Mhaw Sayar Contributor: ေမွာ္ဆရာ
မိမိဘေလာ့ဂ္ မွာ Footer ကို (၃) ေကာ္လံခြဲလိုက္ျခင္းအားျဖင့္ ထပ္ေဆာင္း Widget ေတြထည့္ဖို႔ အပိုေနရာေတြ
ရရွိလာေစရံုမွ်မက၊ Blog ရဲ့ ဒီဇိုင္းကိုလည္း ယခုေနာက္ဆံုး Modern Web Design ေရးျခင္းမွာ အသံုးျပဳမႈအမ်ားဆံုးျဖစ္ေနတဲ့
Web 2.0 ပံုစံအျဖစ္ Upgrade လုပ္ၿပီးသားျဖစ္ေနပါလိမ့္မယ္။ ၎အျပင္ မိမိဘေလာ့ဂ္ ကို Page Loading လုပ္တဲ့ေနရာမွာ
ျမန္ဆန္သြက္လက္လာေစျခင္း၊ စတဲ့ ထပ္ေဆာင္း အက်ိဳးေက်းဇူး ေတြကိုပါ ခံစားရဦးမွာပါ။
Blog Footer ကို (၃) ေကာ္လံခြဲဖို႔အတြက္ ေအာက္ပါအဆင့္မ်ားအတိုင္း လုပ္ေဆာင္နိဳင္ပါတယ္။
(၁) မိမိ Template ကို Backup ျပဳလုပ္ျခင္း
ဒါဟာ ဘေလာ့ဂၢါေကာင္း တစ္ေယာက္မွာ ရွိေနသင့္တဲ့ အေရးႀကီး အမူအက်င့္တစ္ခုပါပဲ။ ဘာျဖစ္လို႔လဆ

ဲ ိုေတာ့ အကယ္၍
Backup လုပ္မထားခဲ့ရင္ မိမိ Template ကို ျပဳျပင္မႈလပ
ု ္ရင္း မွားယြင္းမႈတစ္စံုတစ္ရာ ျဖစ္ပြားခဲ့ပါက အႀကီးအက်ယ္
မဟုတ္သည့္တိုင္၊ အနည္းအက်ဥ္းေတာ့ ဒုကၡေရာက္တတ္လို႔ပါပဲ။မိမိမွာ Backup လုပ္ထားတဲ့ Template ရွိခဲ့ရင္ေတာ့
မွားယြင္းသြားလ်င္ပင္ သက္ေတာင့္ သက္သာေျဖရွင္းနိဳင္ပါလိမ့္မယ္။ Edit HTML စာမ်က္ႏွာမွာ Download Full Template ကို
ကလစ္ၿပီး Template XML ဖိုင္ကို ေဒါင္းလုဒ္ ျပဳလုပ္ထားလိုက္လ်င္ Template Backup လုပ္ျခင္းကိစၥၿပီးပါၿပီ။
(၂)Footer Section ရွိ ယခင္ Widget Contents မ်ားကို Backup ျပဳလုပ္ျခင္း

Blogger Dashboard မွတဆင့္ Layout ကိုသြားၿပီး၊ မိမိ Footer Section မွာယခင္ထည့္ထားတဲ့ Widget Content
မ်ားအားလံုးကို Edit ကိုကလစ္၍ Copy လုပ္ကာ Notepad တစ္ခုခ်င္းစီႏွင့္ သိမ္းဆည္းထားပါ။ ၿပီးလ်င္ ၎ Footer Content
မ်ားအားလံုးကို Remove လုပ္ပါ။ ဤသို႔မလုပ္လ်င္ Template အား Footer Section 3 -Columns ခြဲ၍ ရမည္မဟုတ္။ New
Footer Section ေတြခြဲၿပီးသြားတဲ့ အခ်ိန္က်ေတာ့ အလြယ္တကူ အားလံုးကိုျပန္ထည့္နိဳင္ပါလိမ့္မယ္။ (ယခင္ကတည္းက Footer
Section မွာ ဘာမွထည့္မထားတဲ့ သူမ်ားအေနနဲ႔ကေတာ့ ဒီအဆင့္ကို လုပ္ေဆာင္ရန္လိုမည္ မဟုတ္ပါ။)
61
(၃)Footer Section အတြက္ CSS(Cascading Style Sheets) တြင္ ျဖည့္စက
ြ ္ေၾကညာျခင္း
Blogger Dashboard မွ တဆင့္ Layout ကိုသြားၿပီး Edit HTML Box ထဲတြင္ "</b:skin>" ဆိုေသာ Tag ကိုေတြ႔ေအာင္ရွာပါ။
၎ကို ေတြ႔သည္ႏွင့္ ထို Tag မတိုင္မွီ ေအာက္ပါကုဒ္မ်ားကို အေပၚမွ ေပါင္းထည့္ေပးပါ။
#footer-column-container {
clear:both;
}
.footer-column {
padding: 10px;
}
(၄)ထပ္ေဆာင္းကုဒ္မ်ား Footer Section တြင္ထည့္သင

Blogger Dashboard မွတဆင့္ Layout->Template->Edit HTML ကိုသြားပါ။ ေအာက္ပါကုဒ္မ်ားကို ေတြ႔ေအာင္ရွာပါ။
<div id='footer-wrapper'>
<b:section class='footer-wrapper' id='footer'/>
</div>
အထက္ပါကုဒ္မ်ားကို ရွာေဖြရာမွာ မိမိရဲ့ Template ေပၚမူတည္ၿပီးေတာ့ အနည္းငယ္ကြဲလြဲမႈ ရွိေကာင္းရွိနိဳင္ပါတယ္။ ဥပမာ-

'footer-wrapper' အစား 'footer' ပဲျဖစ္ေနတာမ်ိဳးေတြရွိတတ္ပါတယ္။အားလံုးဟာ အတိအက် ေနရာတိုင္းမွာ မတူပဲကြဲျပားမႈ
ရွိနိဳင္တယ္ဆို တာေလးကို မွတ္ထားဖို႔အတြက္ပါ။
၎ Footer Section ကိုေတြ႔ၿပီဆိုလ်င္ ကၽြန္ေတာ္တို႔လုပ္ဖို႔လိုတာကေတာ့ အနီႏွင့္ျပထားတဲ့ ကုဒ္မ်ားအားလံုးကို
ေအာက္ပါကုဒ္မ်ားျဖင့္ အစားထိုးရန္ပါပဲ။
<div id='footer-column-container'>
<p>
<center><b>{ <i>YOUR TEXT</i> }</b></center>
<hr align='center' color='#cccccc' width='90%'/>
</p>
<div id='footer2' style='width: 30%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col1' preferred='yes' style='float:left;'/>

</div>
<div id='footer3' style='width: 40%; float: left; margin:0; text-align: left;'>

<b:section class='footer-column' id='col2' preferred='yes' style='float:left;'/>
</div>
<div id='footer4' style='width: 30%; float: right; margin:0; text-align: left;'>
<b:section class='footer-column' id='col3' preferred='yes' style='float:right;'/>
62
</div>
<div style='clear:both;'/>
<p>
<hr align='center' color='#5d5d54' width='90%'/></p>
<div id='footer-bottom' style='text-align: center; padding: 10px; text-transform: lowercase;'>
<b:section class='footer' id='col-bottom' preferred='yes'>

<b:widget id='Text2' locked='false' title='' type='Text'/>
</b:section>
</div>
<div style='clear:both;'/>
</div>
အထက္ပါကုဒ္မ်ားထဲမွာ အနီႏွင့္ေရးထားတဲ့ Your Text Here ဆိုတာကေတာ့ The Whole Footer Section
ႀကီးတစ္ခုလံုးအတြက္ ေခါင္းစဥ္တပ္ထားေပးျခင္းျဖစ္၍ မိမိႀကိဳက္ႏွစ္သက္ရာ နာမည္တစ္ခုခုေပးနိဳင္ပါတယ္။
အားလံုးၿပီးတာနဲ႔ မိမိ Template ကို Save လုပ္နိဳင္ပါၿပီ။ Blog View တြင္ Footer Section ကို (၃) ေကာ္လံျဖင့္ေပၚေနတာကို
ေတြ႔ရပါလိမ့္မယ္။ Layout ထဲကို သြားၿပီး ႀကိဳက္နွစ္သက္ရာ Widget Contents မ်ားထပ္ေဆာင္းေပါင္းထည့္နိဳင္ပါၿပီ။
အကယ္၍ Footer Section ကိုပိုင္းျခားထားေသာ ေရျပင္ညီမ်ဥ္းအေရာင္ကို မိမိဘေလာ့ႏွင့္လိုက္ဖက္ညီေအာင္ေျပာင္းလဲလိုပါက

ေအာက္ပါကုဒ္ကို ေတြ႔ေအာင္ရွာၿပီး အနီျပထားေသာ ကာလာကုဒ္ ကိုစိတ္ႀကိဳက္ေျပာင္းလဲသတ္မွတ္နိဳင္ပါတယ္။
<hr align='center' color='#5d5d54' width='90%'/></p>
ကာလာကုဒ္ေတြကို အတိအက်နဲ႔ အလြယ္တကူ သိခ်င္တယ္ဆိုရင္ေတာ့ ဒီေဆာ့ဖ္၀လ

ဲ ္ ေလးက ကူညီနိဳင္ပါလိမ့္မယ္ခင္ဗ်ား။
၎မ်ဥ္း ပါရွိတာကုိပင္ မလိုလားဘူးဆိုပါကလည္း အထက္ပါ စာေၾကာင္းတစ္ေၾကာင္းလံုးကို Delete လုပ္လိုက္ရံုသာျဖစ္ပါတယ္။
-----------------------------------------------------
အလြယ္ကူဆုံး EOT လုပ္နည္း
written by mmhelpdesk Contributor: ေမာင္လွ
ကိုယ့္ရဲ႕ ဘေလာ့ (blogspot.com ဘေလာ့မ်ားသာ) မွာ eot ထည့္ခ်င္သူမ်ား ခင္ဗ်ား....
blog template ျပင္တဲ့အထဲက HTML ထဲဝင္ၿပီး style type="text/css" ကိုရွာ၊ ေတြ႕ၿပီး ဆုိအဲဒီ စာေၾကာင္းရဲ႕ ေအာက္မွာ
ေဖာ္ျပပါ စာေၾကာင္း ၆-ေၾကာင္းကို ထည့္လုိက္ရင္ရပါၿပီ ခင္ဗ်ား...
63
@font-face {
font-style: normal;
src: url(http://maunghla.googlepages.com/ZAWGYIO0.eot);
}
Bold, Italic တုိ႔အတြက္ ေတာ့မပါပါ... ႐ုိး႐ုိး normal Zawgyi-One အတြက္ပါ... စမ္းၾကည့္ပါဦး...
--------------------------------------------
Get Zawgyi - Blogger Widget
written by mmhelpdesk Contributor: ညီညီသံလြင္
ျမန္မာဘေလာ့ဂ္ဂါေတြ အတြက္ Widget ဆိုတာ အထူးအဆန္းအရာ မဟုတ္ေတာ့ပါဘူး။ Hackosphere.. Cbox.. Vibes ..

NeoCounter.. Mybloglog အစ႐ွိတဲ့ Widget ေတြကို ျမန္မာဘေလာ့ဂ္ဂါ အေတာ္မ်ားမ်ား သံုးစြဲလာၾကတာကို ေတြ႕ရပါတယ္။
ျမန္မာဘေလာ့ဂ္ေတြ တစ္ေန႔ထက္တစ္ေန႔ ပိုမ်ားလာတာနဲ႔အမွ် ယူနီကုတ္ဒ္စနစ္နဲ႔ ေရးသားထားတဲ့ ေဇာ္ဂ်ီဖြန္႔ကို
အသံုးျပဳမႈလည္း မ်ားျပားလာပါတယ္။ တခ်ဳိ႕သူမ်ားက ျမန္မာဘေလာ့ဂ္ေတြကို ဖတ္လိုၾကေပမယ့္ ျမန္မာဘေလာ့ဂ္တိုင္းဟာ
Microsoft Web Embedding Font Technology(WEFT) ကို အသံုးျပဳၿပီး EOT ဖန္တီးထားျခင္း မ႐ွိတာေၾကာင့္
ေဇာ္ဂ်ီဖြန္႔မ႐ွိလွ်င္ ဖတ္လို႔ မရႏိုင္ပါဘူး။ ဒါ့အျပင္ EOT ဟာ Microsoft Internet Explorer (IE) နဲ႔ ၾကည့္မွသာ ျမင္ရတာမို႔
ျမန္မာဘေလာ့ဂ္ေတြကို ဖတ္မယ့္သူေတြ အေနနဲ႔ ေဇာ္ဂ်ီဖြန္႔ဟာ လိုအပ္ခ်က္တစ္ခုျဖစ္လာပါတယ္။
ေဇာ္ဂ်ီဖြန္႔၊ ေဇာ္ဂ်ီကီးဘုတ္နဲ႔ ေဇာ္ဂ်ီလက္ကြက္ပံုစံေတြကို တစ္ေနရာတည္းကေန download လုပ္ႏိုင္ေအာင္လို႔ ယခု 'Get

Zawgyi' လို႔ အမည္ေပးထားတဲ့ Widget ကေလးကို ဖန္တီးခဲ့ပါတယ္။
Blogger အသံုးျပဳသူ ျမန္မာဘေလာ့ဂ္ဂါမ်ားအေနနဲ႔ မိမိဘေလာ့ဂ္မွာ ဒီ Widget ကေလးကို ထည့္သြင္းလိုလွ်င္

ေအာက္ပါေပးထားတဲ့ ခလုတ္ေလးကို ႏွိပ္ပါ။
ထို႔ေနာက္ မိမိသက္ဆိုင္ရာ ဘေလာ့ဂ္သို႔ ၀င္ေရာက္ပါ။
မိမိထည့္သြင္းလိုေသာ ဘေလာ့ဂ္ကို ေ႐ြးခ်ယ္ၿပီး "Add Widget" ကို ႏွိပ္ပါ။
64
ဒါဆိုရင္ 'Get Zawgyi' Widget ကို ေအာင္ျမင္စြာ ထည့္သြင္းၿပီးပါၿပီ။ အားလံုးၿပီးၿပီဆိုရင္ ဒီ Widget ေလးကို မိိမိဘေလာ့ဂ္မွာ
ႀကိဳက္ႏွစ္သက္ရာ ေနရာမွာ ထည့္သြင္းအသံုးျပဳႏိုင္ပါတယ္။
-----------------------------------------------------------------------
ဘေလာ႔ဂ္တင
ြ ္ မာတိကာတပ္နည္း
ဘေလာ႔ဂ္မွာ မာတိကာတပ္နည္းေလးပါ…
ဘေလာ႔ဂါေမာင္ႏွမတုိ႔ရဲ႔ ပုိ႔စ္ေလးေတြကို မာတိကာပုံစံမ်ိဳးေလးနဲ႔ တစ္ေနရာ တည္းမွာ ေပၚေစခ်င္ရင္
ခုလုိမ်ိဳးေလးရိုက္ေပးလုိက္ပါ.
http://yourblogname.blogspot.com/ search/label/?max-results=100
ကုိယ္ေပၚေစခ်င္တဲ႔ပုိ႔စ္ေတြက ၁၀၀ ထက္ နည္းခ်င္ရင္ေတာ႔ ကုိယ္ၾကိဳက္သလုိ နံပါတ္ေလးကုိ ေျပာင္းေပးရုံပါပဲ.. Maximum

results ကုိ ပုိ႔စ္ ၁၀၀ ထိပဲ ေပးေပၚေစပါတယ္. Blogger Server က ကန္႔သတ္ထားတာပါ. ဒါေၾကာင္႔နည္းလုိ႔ေတာ႔ ရပါတယ္.
၁၀၀ ထက္ပုိမ်ားလုိ႔ေတာ႔ မရပါဘူး.
မာတိကာကုိ ႏွိပ္လွ်င္ျမင္ရမည္႔ပုံ
အဲဒါက ပုိ႔စ္ေလးေတြကုိ တစ္စုတစ္စည္းတည္း ေပၚေအာင္လုပ္တာပဲ ရွိပါေသးတယ္. အဲဒီ႔ပုိ႔စ္ေလးေတြကို List ပုံစံမ်ိဳးေလးနဲ႔

ေခါင္းစဥ္ေလးေတြပဲ ေပၚေနေအာင္ လုပ္ဖုိ႔အတြက္က်ေတာ႔ Template ထဲမွာ ေအာက္ပါ coding ေလးေတြကုိ ရွာျပီး
တစ္ခါတည္း အစားသြင္းေပးလုိက္ပါ.
Edit Template လုပ္ပါ. Template ထဲမွာ main includable စာေၾကာင္းေလးေတြကုိ လုိက္ရွာျပီးတာနဲ႔ ဒီေအာက္က Coding
ေလးေတြကို အစားထုိးလုိက္ပါ. ဟုတ္ပါတယ္. Main includable တစ္ပုိဒ္လုံးကုိ အစားထုိးပစ္လုိက္ရမွာပါ.
<b:includable id='main' var='top'>


<div class='blog-posts'>
65

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType != "archive"'>
<h2 class='date-header'>Contents</h2>
</b:if>
</b:if>
</b:if>

<b:loop values='data:posts' var='post'>


<b:if cond='data:blog.homepageUrl == data:blog.url'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><data:post.dateHeader/></h2>
</b:if>
<b:else/>
</b:if>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
</b:if>
</b:if>
</b:if>
</b:if>



<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType != "archive"'>
<a expr:href='data:post.url'><data:post.title/></a><br/>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
</b:if>
<b:else/>
</b:if>

66
</b:if>
</b:if>
</b:loop>
</div>


<b:include name='nextprev'/>


<b:include name='feedLinks'/>
</b:includable>
တစ္ခုေကာင္းတာက ဒီမာတိကာေလးအတြက္ ထည္႔ေရးလုိက္တဲ႔ Coding ေလးေတြဟာ Label ေလးေတြကုိ Click

ေခါက္လုိက္ရင္လည္း Title ေလးေတြကုိပဲ စုျပီးေပၚေစတာ ျဖစ္ပါတယ္. ဖတ္ရႈသူအတြက္ အင္မတန္မွကုိ အဆင္ေျပေစတဲ႔ Tool
ေလး တစ္ခုပါပဲ ခင္ဗ်ာ..
Label ကုိ ႏွိပ္လွ်င္ျမင္ရမည္႔ပုံ
အဲဒါဆုိရင္ေတာ႔ ကၽြန္ေတာ္႔ဘေလာ႔ဂ္မွာ တင္ထားသလုိ မာတိကာပုံစံေလးေတြ ကုိယ္႔ဘေလာ႔ဂ္မွာ တင္လုိ႔ရျပီေပါ႔…

မာတိကာထည္႔နည္းကေတာ႔ Template Tab> Add a Page Element> HTML/Javascript ကုိေရြးပါ. ေပၚလာတဲ႔ Box
ေလးထဲမွာ Title ကုိ Table of Contents (မာတိကာ)လုိ႔ နာမည္ေပးပါ. အထဲမွာေတာ႔ ေအာက္ပါစာသားေလး တစ္ေၾကာင္းကုိ
ရုိက္ထည္႔ေပးရုံပါပဲ.
<a href="http://www.yanaung.blogspot.com/search/label/?max-results=100">
မာတိကာ (ေန႔အလုိက္)...</a>
ဆုိျပီး ရုိက္ထည္႔ေပးလုိက္ပါ. က်န္တာကုိေတာ႔ ကုိယ္႔ဖာသာကုိယ္ အဆင္ေျပေအာင္ ဆက္ျပင္ႏုိင္ပါတယ္.
အားလုံးပဲ အဆင္ေျပ ေခ်ာေမြ႔ႏုိင္ၾကပါေစခင္ဗ်ာ…
ဒါက မာတိကာလုပ္နည္း (၁) ပါ. ေနာက္တစ္နည္းရွိပါေသးတယ္. ေနာက္ရက္ ဆက္ေရးေပးပါမယ္…
---------------------------
Delicious Mp3 Code
written by mmhelpdesk at Friday, August 17, 2007 Contributor: ခ်မ္းျမစုိး
ကိုယ့္ရဲ႕ ၀က္ေပ့ခ်္ထဲမွာ အမ္ပီသရီး နားေထာင္ဖုိ႔ပဲ မွ်ေ၀ေပးဖုိ႔ပဲျဖစ္ျဖစ္ သံုးတဲ့ ကုဒ္ေလးပါ။ ရုိးရွင္းၿပီး လုပ္ရတာလဲလြယ္ပါတယ္။
67
ဒါေပမဲ့ တစ္ခုရွိတာက သူက အမ္ပီသရီးေတြအတြက္ပဲ အလုပ္လုပ္ပါတယ္။ တျခား ေဖာ့မတ္ေတြဆုိရင္ေတာ့ ေဆာရီးပါ။
ဒီကုဒ္ေလးကုိ ၀က္ေပ့ခ်္ရဲ႕ header ထဲမွာ ထည့္လုိက္ရံုပါပဲ။
<script type="text/javascript" src="http://del.icio.us/js/playtagger"> </script>
ကိုယ့္သီခ်င္းကိုေတာ့ Direct File Link ေပးတဲ့ upload site တစ္ခုခု [eg. www.fileden.com, www.ripway.com,
www.googlepages.com]မွာ တင္ၿပီးေတာ့ လိုခ်င္တဲ့ေနရာမွာ အဲဒီသီခ်င္းရဲ႕ URL ကို ထည့္ေပးလိုက္ရံုပါပဲ။ ဥပမာ ...
<a href="http://www.fileden.com/files/2007/2/17/784534/ChitThawKabarMyay.mp3">ခ်စ္ေသာကမၻာ ေျမ</a>
ဒါဆိုရင္ ခ်စ္ေသာကမၻာေျမ လို႔ ေပၚလာမွာပါ။ listen ဆိုတဲ့ button ေလးကို နွိပ္ၿပီး တိုက္ရိုက္နားေထာင္ရင္လည္း ရသလို
ေဘးက စာသာေလးကို ႏွိပ္လိုက္ရင္လည္း သီခ်င္းကို download လုပ္လို႔ရပါတယ္။ တစ္ခုေကာင္းတာက ကိုယ္ႀကိဳက္တဲ့
သီခ်င္းေလးေတြ ေတြ႕ရင္ tag this နဲ႔ del.icio.us မွာ မွတ္ထားလို႔ ရတာပါပဲ။ စမ္းၾကည့္သမွ်ေတာ့ သီခ်င္းအားလံုးကို
ေကာင္းေကာင္းမြန္မြန္ အထစ္အေငါ့မရွိ နားေထာင္ႏိုင္တာေတြ႕ရပါတယ္။
--------------------------------
Window Media Player ျဖင့္ Playlist တစ္ခုဖန္တီးျခင္း
written by mmhelpdesk 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 မွာ ...
68
< 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" >
<param name="fileName" value="http://www.domain.com/music/music.m3u">
<param name="animationatStart" value="true">
<param name="transparentatStart" value="true">
<param name="autoStart" value="true">
<param name="showControls" value="true">
<param name="Volume" value="-300">
<embed type="application/x-mplayer2" pluginspage="http://www.microsoft.com/Windows/MediaPlayer/"
src="http://www.domain.com/music/music.m3u" name="MediaPlayer1" width=280 height=46 autostart=1
showcontrols=1 volume=-300>
</OBJECT>
၆။ BetaBlogger တြင္ ထည့္သြင္းရမည့္ 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">
<param name="fileName" value="http://www.domain.com/music/music.m3u"/>
<param name="animationatStart" value="true"/>
<param name="transparentatStart" value="true"/>
<param name="autoStart" value="true"/>
<param name="showControls" value="true"/>
<param name="Volume" value="-300"/>
<embed type="application/x-mplayer2" pluginspage="http://www.microsoft.com/Windows/MediaPlayer/"
src="http://www.domain.com/music/music.m3u" name="MediaPlayer1" width="280" height="46"
autostart="1" showcontrols="1" volume="-300"></embed>
</OBJECT>
အနီျဖင့္ျပထားေသာေနရာတြင္ FileHosting ၌ Upload လုပ္ခဲ့ၿပီးေသာ .m3u File ရဲ႕ address (URL) ကိုအစားသြင္းရမွာျဖစ္ၿပီး
အစိမ္းေရာင္ျဖင့္ျပထားေသာ တန္ဖိုးမ်ားေနရာ၌ လိုအပ္သလို စိတ္တုိင္းက် ေျပာင္းလဲျပဳျပင္ႏုိင္ပါသည္။
-------------------------------
Blog တြင္ ျမန္မာျပကၡဒိန္ ထည့္သင

ြ ္းနည္း
written by mmhelpdesk at Friday, August 17, 2007 Contributor: ၀ဏၰကုိ
ျမန္မာ ျပကၡဒိန္ ကို ဘေလာ႔ဂါမ်ား အတြက္ RSS version နဲ႔ ထပ္ထုပ္ေပးလိုက္ပါတယ္။
69
RSS Feed: http://samerss.myanmarcalendar.com
Blogger.com ရဲ႕ New version သံုးတဲ့လူေတြအတြက္ နမူနာ
1) blogger.com တြင္ Login ၀င္ပါ။

2) "Manage Your Blog" တြင္ Layout ကိုႏွိပ္ပါ။
3) Side bar ဘက္တြင္ "Add Page Element" ကို ႏွိပ္ပါ။
4) Feed တြင္ "Add To Blog" ကို ႏိွပ္ပါ ("Feed"-Add content from an RSS or Atom feed to your blog.)
5) "Feed URL" တြင္ http://samerss.myanmarcalendar.com ကို ထည့္သြင္းပါ။ "Continue" ကိုႏွိပ္ပါ။
6) Title ကို သင္ႏွစ္သက္သလိုျပင္လို႔ရပါသည္။ ၿပီးလွ်င္ "SAVE CHANGES" ကို ႏွိပ္ပါ။
ေန႔စဥ္ေန႔တိုင္း ျမန္မာျပကၡဒိန္မွ ရက္စြဲမ်ား အလိုအေလွ်ာက္ ေျပာင္းလဲေနပါလိမ့္မည္။
------------------------------
Blogger In Draft { Updated! }
written by Mhaw Sayar at Friday, December 7, 2007 Contributor: ေမွာ္ဆရာ
Blogger Draft ေနာက္တစ္ေခါက္ျပန္လာပါၿပီ။ အရင္ကထက္ Feature ေတြပိုစံုလာတယ္။ ေနာက္ ေဘာ္ဒါ ေဟာင္းႀကီး

Blogger.Com ကိုအၿမဲသံုးေနရတာ ၾကာလို႔ ၿငီးေငြ႔လာတဲ့သူေတြ အတြက္လည္း ေျပာင္းအသံုးျပဳလို႔ရတာေပါ့။ ကၽြန္ေတာ္လည္း
အမွန္အတိုင္းေျပာရရင္ Draft ကို Beta ထက္ပိုႀကိဳက္တယ္ဗ်။ သံုးရတာ ေပါ့တယ္။ Design ေတြလန္းတယ္။
ဒါနဲ႔ အခုအသစ္တစ္ဖန္ ျပန္ Launch လုပ္လိုက္တဲ့ Draft ကိုေလ့လာၾကည့္ေတာ့ ေအာက္ပါအခ်က္ေတြကို (အျပည့္အစံုေတာ့
မဟုတ္ႏိုင္ေသး.. ကၽြန္ေတာ္သတိထားမိ သမွ်သာ) Major Update ေတြအျဖစ္ေတြ႔ရတယ္ဗ်ိဳ႔။
(က) Blogger 3.0 Rounder Template မ်ားထည့္သြင္းေပးထားျခင္း {Template အပိုင္းမွာထည့္ထားတာဗ်}
(ခ) အသံုး၀င္တဲ့ Special Widget ေတြ အလြယ္တစ္ကူ အသံုးျပဳလို႔ရေအာင္ ထပ္မံျဖည့္စြက္ထားျခင္း { Google
Gadgets,Search Box,Pool & Slide Show or Photo Album စသျဖင့္..}
ကၽြန္ေတာ္ ေရၾကည့္တာ စုစုေပါင္း Widget -၁၉ ခုအထိရွိပါတယ္။ Blogger Beta မွာေတာင္ ၁၆-ခုပဲပါတယ္။ အဲဒထ
ီ ဲက
ကၽြန္ေတာ့္စိတ္ႀကိဳက္ Widget တစ္ခုကိုျပပါဆိုရင္ ”Subscription Links” ဆိုတဲ့ Widget ကိုျပရမွာပဲ။ အရင္က ကိုယ့္ Blog
လာလည္သူေတြ စိတ္ႀကိဳက္ Reader တစ္ခုခုနဲ႔ ဖတ္ႏိုင္ဖို႔အေရး၊ ကိုယ္တိုင္ရွာႀကံလုပ္ကိုင္ၿပီး ဒီ Widget
ရေအာင္လုပ္ခဲ့ရတာေလ။ အခုေတာ့ လြယ္မွလြယ္။ 1 Click & 2 Done! ပဲ။
70
(ဂ)ေနာက္ထပ္ အေကာင္းဆံုး Feature တစ္ခုကေတာ့ OpenID ပါပဲ။ မွန္ပါတယ္။ အခုဆိုရင္ Blogger ရဲ့ Beta မွာမရေသးတဲ့ ဒီ
Feature OpenID ကို Blogger Draft မွာရရွိေနပါၿပီ။ OpenID အသံုးျပဳျခင္းျဖင့္ မည္သည့္ဘေလာ့မဆို (Google Account
မရွိေသာ္ျငားလည္း) ခင္ဗ်ား Comment ၀င္ေရးလို႔ရပါၿပီ။
ဒါဟာ Blogger ေတြတင္မက Reader ေတြအတြက္ပါ အရမ္းကို အဆင္ေျပ၊ အသံုးက်လြန္းတဲ့ Feature တစ္ခုပါ။ ဒီ Feature
(Wordpress မွာေတာ့ရတာ ၾကာပါၿပီ) ရရွိလာျခင္းျဖင့္ မည္သူမဆို Knowledge ပိုင္းဆိုင္ရာေတြ ကိုလြတ္လပ္စြာ
ႏွီးေႏွာဖလွယ္ခြင့္ရရွိေစပါတယ္။
{OpenID အေၾကာင္းသိဖို႔နဲ႔ ကိုယ္ပိုင္ OpenID တစ္ခုရယူဖို႔အတြက္ {ဒီေနရာ} ကိုသာြ းပါ။}
******************************************************
Blogger in Draft ၏ ေနာက္ဆက္တသ

ဲြ တင္း
အဲဒီ Blogger in Draft က Subscription Links Widget ကို ကၽြန္ေတာ္ အေတာ္ႀကိဳက္တယ္ဆိုတာ အေပၚမွာ ေျပာခဲ့ၿပီးပါၿပီ။
ဒါေပမယ့္ ဒီ့ထက္ႀကိဳက္တာတစ္ခု ထပ္ေတြ႔လို႔ အခ်ိန္မဆိုင္းပဲ ေရာင္းရင္းမ်ားကို အျမန္မွ်ေ၀လိုက္ပါတယ္။ Blogger in Draft ရဲ့
Page Element စာမ်က္ႏွာမွာ Search Box ထည့္လို႔ရတဲ့ Feature တစ္ခုပါတယ္ဆိုတာ အေပၚကပို႔စ္ကို
ဖတ္ခဲ့ရင္သိၿပီးျဖစ္မွာပါ။ အေပၚကပို႔စ္ ကို ေရးၿပီးတဲ့ အထိကၽြန္ေတာ္လည္း သာမန္ေလာက္ပဲသေဘာထားခဲ့တာပါ။ အခု
ေက်ာင္းက ျပန္ေရာက္၊ ဟုိဟိုဒီဒီၾကည့္ရင္းနဲ႔ Blogger HelpDesk မွာ Search Box ေလး တစ္ခုေလာက္ထည့္ထားရင္
လာေရာက္ ရွာေဖြသူေတြအတြက္ အေတာ္အဆင္ေျပမယ္ လို႔ေတြးၿပီး တဆက္တည္း Blogger in Draft ကို
ေျပးသတိရလိုက္ပါတယ္။
ဒီလိုနဲ႔ Page Element စာမ်က္ႏွာက တဆင့္ Search Box ကို ကၽြန္ေတာ္ ထည့္လိုက္ပါတယ္။ ၎ကိုထည့္တဲ့ အခ်ိန္မွာ
ရွာေဖြေစခ်င္တဲ့ ေနရာေတြကို သူက Tick လုပ္ခိုင္းပါတယ္။ ပထမ- မိမိဘေလာ့ဂ္ အတြင္း၊ ေနာက္ မိမိဘေလာ့ဂ္မွာ
လင့္ခ္တြဲထားတဲ့ ဆိုဒ္မ်ားအတြင္း၊ ေနာက္ဆံုးေတာ့ The Web(Internet) အတြင္းေပါ့ဗ်ာ။ ကိုယ္ရွာေစခ်င္တဲ့ ေနရာေတြကို Tick
လုပ္လိုက္ရံုပါပဲ။ မရွာေစခ်င္တဲ့ ေနရာေတာ့ ခ်န္ထားခဲ့ေပါ့ဗ်ာ။ Search Box ထည့္ၿပီးတဲ့အထိလည္း သိပ္ေထြေထြးထူးထူး
ေတြ႔ရလိမ့္မယ္လို႔ မေမွ်ာ္လင့္မိေသးပါဘူး။ ဘာလို႔လည္း ဆိုေတာ့ အရင္ကတည္းကလည္း ကၽြန္ေတာ္တို႔ Google ရဲ့ Search
Engine ကို ကိုယ္ပိုင္ Custom လုပ္လို႔တစ္မ်ိဳး၊ မူရင္းအတိုင္း Gadgets မ်ားမွတသြယ္ အမ်ိဳးမ်ိဳးထည့္ခဲ့ၾကၿပီး
ရွာေဖြလို႔ရသမွ်ဟာလည္း Google မွာရွာသလိုပဲ ၀ဘ္ေပ့ခ်္တစ္ခုလံုးနဲ႔ {New Tab မွာ(သို႔)မူရင္းစာမ်က္ႏွာအတြင္းမွာ}
ျပသေလ့ရွိပါတယ္။
သို႔ေသာ္..သို႔ေသာ္ေပါ့.. အခု Blogger in Draft မွာသံုးထားတဲ့ Search Box Widget ကေတာ့ျဖင့္ တစ္မူထူးတယ္ခင္ဗ်။
ျမန္မာလိုျဖစ္ေစ၊ အဂၤလိပ္လိုျဖစ္ေစ ႀကိဳက္ရာတစ္ခုခုကို ရိုက္ႏွိပ္ရွာေဖြလိုက္တာနဲ႔ မိမိဘေလာ့ဂ္စာမ်က္ႏွာရဲ့ ေနာက္ဆံုးပို႔စ္
အထက္မွာ Dynamic HTML Page အျဖစ္နဲ႔ ေအာက္ပါအတိုင္းျပသေပးတယ္ခင္ဗ်။ Page Loading မရွိပဲ AJAX Technology
နဲ႔ထည့္ေပးထားတယ္ဗ်ိဳ႔။ ရွာေဖြလို႔ရသမွ် Results ေတြကလည္း အေတာ့္ကို တိတိက်က် ျဖစ္ေအာင္ရွာေဖြေပးထားတာကို
ေတြရ
႔ တယ္ဗ်။ ကၽြန္ေတာ္က ကၽြန္ေတာ့္ ဘေလာ့ဂ္၊ လင့္ခ္တြဲထားတဲ့ ဘေလာ့ဂ္ေတြ၊ ဆိုဒ္ေတြ ႏွင့္ ေနာက္ဆံုး အင္တာနက္
71
ဆိုၿပီး ရွာေဖြဖို႔ Tick လုပ္ခဲ့တဲ့အတြက္ ရွာေဖြလို႔ရတဲ့ Results ေတြကို Tab သံုးခုႏွင့္ ျပသေပးထားတာကို ေတြ႔ရမွာပါ။
ျမန္မာလိုလည္း တိတိက်က် ရွာေဖြေပးတာေတြ႔ရေတာ့ ျမန္မာ ဘေလာ့ဂ္ဂါေတြအတြက္ Special ပဲေပါ့ဗ်ာ။ ကိုယ့္ဘေလာ့ဂ္မွာ
က႑အသီးသီးက ျမန္မာဘေလာ့ဂ္ေတြႏွင့္ အျခား Resources ေတြ မ်ားမ်ားလင့္ခ္ထားေလေလ၊ ကိုယ့္ရဲ့ Search Results
မ်ားမ်ားနဲ႔ တိတိက်က် ေပၚေလေလပါပဲ။ ၎ Widget ေလးကေတာ့ ဒီေန႔အတြက္ ႏွင့္ ကၽြန္ေတာ့္အတြက္
စိတ္ေက်နပ္စရာအေကာင္းဆံုး အရာတစ္ခုပါပဲ။
Blogger in Draft ႏွင့္ Blogger Beta တြင္ Widget မ်ားထည့္သင

ြ ္းနည္း
BLogger မွာ Widget တစ္ခုကို ဘယ္လိုထည့္ရမယ္ဆိုတာ သိၿပီးသားသူမ်ား အတြက္ကေတာ့ ဒီအဆင့္မွာတင္ ၿပီးသြားပါၿပီ။

အခုဆက္ေရးမွာက ၎ Widget ေတြကို မိမိဘေလာ့ဂ္ အတြင္းသို႔ ဘယ္လိုထည့္ရမယ္ဆိုတာ မသိေသးသူမ်ားအတြက္
ထပ္ေဆာင္းရွင္းလင္းခ်က္ သေဘာမ်ိဳး ျဖစ္ပါတယ္။ ၎နည္းလမ္းမ်ားအတိုင္း ေနာက္မ်ားမွာလည္း မိမိႏွစ္သက္ရာ Widget
ေတြကို အလြယ္တစ္ကူ ထည့္သြင္းလို႔ရေစပါမယ္။
(က) အထက္ပါ Widget ကိုထည့္သြင္းရန္အတြက္ Blogger in Draft မွတဆင့္ မိမိ၏ Google Account ျဖင့္ Blogger
Dashboard သို႔ ၀င္ေရာက္ပါ။ Dashboard တြင္ Posts,Setting,Layout ဆိုၿပီး သံုးမ်ိဳးရွိတဲ့အနက္ Layout ကိုကလစ္ပါ။
Template Tab ေအာက္ရွိ Page Element Sub Tab သို႔ တိုက္ရိုက္ ေရာက္သြားတာကို ေတြ႔ရပါမယ္။ ၎စာမ်က္ႏွာကို
ေရာက္ၿပီဆိုလ်င္ Search Engine Widget ကို မိမိထည့္လိုတဲ့ေနရာမွာ ရွိတဲ့ Page Element ေတြအေပၚက "Add a page
element " ဆိုတာကို ထပ္ကလစ္ပါ။
72
ေအာက္ပါအတိုင္းေပၚလာလ်င္ မိမိထည့္လိုေသာ Widget အမ်ိဳးအစားကိုေရြးပါ။ အခု ကၽြန္ေတာ္တို႔က Search Box
ထည့္မွာျဖစ္တဲ့ အတြက္ ၎ကိုေရြးခ်ယ္ပါမယ္။ Add to Blog ကို ကလစ္ပါ။
ေအာက္ပါအတိုင္း ၀င္းဒိုး အသစ္တစ္ခုတက္လာၿပီး Configure Search Box လို႔ေပၚလာရင္ မိမိရွာေဖြေစလိုတဲ့ ေနရာေတြကို

Tick လုပ္ေပးပါ။ မရွာေစခ်င္တဲ့ေနရာကို ခ်န္ခဲ့လို႔ရပါတယ္။ အားလံုးၿပီးၿပီဆိုတာနဲ႔ "Save Change" ကိုကလစ္ပါ။
အထက္ပါအဆင့္ၿပီးသြားတာနဲ႔ မိမိဘေလာ့ဂ္ ကို View Blog ကေနတဆင့္ New Tab နဲ႔ဖြင့္ၿပီးၾကည့္ပါ။ မိမိ Widget ကို
ေနရာအေျပာင္းအေရြ႔လုပ္ခ်င္တယ္ဆိုရင္ ေစာေစာက Page Element စာမ်က္ႏွာကိုျပန္သြားၿပီး ထည့္ထားတဲ့ Widget
ေပၚမွာကလစ္လုပ္ကာ Drag and Drop လုပ္ျခင္းျဖင့္ အလြယ္တစ္ကူ ေျပာင္းေရြ႔လို႔ရပါတယ္။ အားလံုးစိတ္ႀကိဳက္ ျဖစ္ၿပီဆိုရင္
ေအာက္က ျပထားတဲ့ေနရာမွာ "Save" ကို ကလစ္လုပ္ျခင္းျဖင့္ ၿပီးဆံုးပါၿပီ။
73
Widget အသစ္မ်ားျဖင့္ ေပ်ာ္ရႊင္လွပ၊ ဘေလာဂ့္ႏိုင္ၾကေစ ကုန္သတည္း။
------------------------
Google webmaster tools
written by MgThaJan at Tuesday, May 20, 2008 Contributor: ေမာင္သႀကၤန္
“သင့္ရဲ႕ Website သို႕ Blog ကုိ သင့္စိတ္ႀကိဳက္ Keyword နဲ႕ Search Engine ေတြမွာ ရွာမေတြ႕ႏိုင္ဘူးဆိုရင္ အြန္လိုင္းကမာၻမွာ
သင္.. တကယ္ မရွိေသးပါဘူး” ဆိုတဲ့ စကားတစ္ခြန္း ၾကားဖူးတယ္။ ဒါဟာ Webmaster, Blogger ေတြအတြက္ မွန္ကန္တဲ့
စကားပါပဲ။ ကၽြန္ေတာ္တို႕ Blog ေရးရာမွာ ရည္ရြယ္ခ်က္အမ်ိဳးမ်ိဳးနဲ႕ ေရးၾကတယ္။ ဒါေပမယ့္ ဘေလာ့ဂ္ဂါ အားလံုးရဲ႕ တူညီစိတ္
တစ္ခုကေတာ့ မိမိ Blog ကို လာဖတ္ ေစခ်င္ၾကတာပါပဲ။ Website, Blog ကို Traffic မ်ားေအာင္၊ လူသိမ်ားေအာင္ လုပ္ဖို႕ရာမွာ
Search engine ေတြရဲ႕ အခန္းက႑ဟာ အေရးပါလာ ပါေတာ့တယ္။ ဒါေၾကာင့္မို႕လဲ SEO လို႕ေခၚတဲ့ Search engine
optization ၀င္ေဆာင္မႈ ျပဳလုပ္ေပးတဲ့ ကုမၸဏီေတြ အလွ်ိဳလွ်ိဳ ေပၚေပါက္လာရတာ ျဖစ္ပါတယ္။
Google အပါအ၀င္ Yahoo, MSN တို႕လို Search engine ေတြမွာ Webmaster ေတြအတြက္ အကူအညီေပးမယ့္ Tools
ေတြရွိပါတယ္။ ၄င္း Tools ေတြကို အက်ိဳးရွိရိွ အသံုးခ်ျခင္းနဲ႕ မိမိတို႕ Site ကို Search engine ေတြရဲ႕ အေပၚပိုင္းကို
ေရာက္ေအာင္ အတိုင္းအတာ တခုအထိ အကူအညီ ေပးႏိုင္ပါတယ္။ ကမာၻ႕အသံုးအမ်ားဆံုးျဖစ္တဲ့ Google ရဲ႕ Webmaster
tools ေတြကို ကၽြန္ေတာ္တို႕ ေလ့လာ ၾကည့္ၾကရေအာင္...။
(၁) ကၽြန္ေတာ္တို႕ရဲ႕ Website/blog တည္ေဆာက္ထားတာ ရက္ပိုင္းပဲ ရွိေသးတယ္ဆိုရင္ ပထမဆံုး လုပ္သင့္တာက Add your
URL to Google မွာ ကၽြန္ေတာ္တို႕ Site ရဲ႕ Url ကို Add ေပးရပါမယ္။ Google နဲ႕ မိတ္ဆက္ေပးတယ္ေပါ့ဗ်ာ။ ဒါဆိုရင္ 3 ရက္မွ
7 ရက္ အတြင္းမွာ Googlebot ေတြ လာေရာက္ Access လုပ္ၿပီး Search engine အတြက္ Google's Index မွာ ထည့္သြင္း
ေပးသြားမွာ ျဖစ္ပါတယ္။
(၂) Google Webmaster Central က Use our site status wizard မွာ ကၽြန္ေတာ္တို႕ Site ဟာ Google's index မွာ
ရွိၿပီးၿပီလားဆိုတာ စစ္ေဆး ၾကည့္ႏိုင္ပါတယ္ P[1] ။ အဲဒီမွာ Index မွာရွိၿပီးျဖစ္မျဖစ္နဲ႕ Googlebot ေတြ ဘယ္ေန႕က ေနာက္ဆံုး
Access လုပ္ခဲ့တယ္ ဆိုတာ ေဖၚျပေပးပါလိမ့္မယ္ P[2] ။ ပံုမွန္အားျဖင့္ကေတာ့ Site သက္တမ္း အနည္းငယ္ရွိၿပီ ဆိုရင္ Google
ရဲ႕ Index မွာ ရွိၿပီးေလာက္ပါၿပီ။ SEO အတြက္ သိပ္ေခါင္းမစားခ်င္ဘူးဆိုရင္ ဒီအဆင့္မွာပဲ ထားလိုက္လဲ ရပါတယ္။ Google's
Index ထဲမွာ ရွိၿပီးသားျဖစ္တာေၾကာင့္ Site traffic ရွိတယ္၊ ပံုမွန္ေလးပို႕စ္ေတြ တင္တယ္ဆိုရင္ Google page rank တေျဖးေျဖး
တတ္လာမွာ ျဖစ္ပါတယ္။
74
(၃) ေနာက္အဆင့္ေတြ ဆက္သြားမယ္ဆိုရင္ P[2] မွာအနီေရာင္နဲ႕ျပထားတဲ့ Take me to Google webmaster tools ကို
၀င္ပါမယ္။ Google Mail အေကာင့္နဲ႕ sign in ၀င္ရပါမယ္။ အရင္ဆံုး ကၽြန္ေတာ္တို႕ရဲ႕ site ဟုတ္မွန္ေၾကာင္း Verify
လုပ္ေပးရပါမယ္။ Verification လုပ္ဖို႕အတြက္ Add a meta tag နဲ႕ Upload an HTML file ဆိုၿပီး Method 2 မ်ိဳးရွိပါတယ္။
(၃.၁) Add a meta tag နဲ႕ Verify လုပ္မယ္ဆိုရင္ P[3] မွာ အ၀ါနဲ႕ ျပထားတဲ့ <meta name="verify-v1"
content="xxx......" /> ဆိုတဲ့ Code ကို Site's home page ရဲ႕ <head> နဲ႕ </head> ၾကားမွာ ထည့္ေပးရမွာျဖစ္ပါတယ္။
Show me an example မွာ နမူနာ ၾကည့္ႏိုင္ပါတယ္။ WordPress ေတြအတြက္ နမူနာျပရရင္ေတာ့ အသံုးျပဳေနတဲ့ theme ရဲ႕
header.php မွာထည့္ေပးရမွာ ျဖစ္ပါတယ္ [P3.1] ။
75
(၃.၂) ဒုတိယနည္း Upload an HTML file ကေတာ့ ပိုၿပီးလြယ္ပါတယ္။ ႏွစ္သက္ရာ Text editor တခုခုနဲ႕ ေပးထားတဲ့
google..xx.html နာမည္နဲ႕ ဖိုင္တခု လုပ္ရပါမယ္။ အဲဒီဖိုင္ကို site ရဲ႕ root directory ကို တင္ေပး လိုက္ယံုပါပဲ။ ဥပမာ
smsy.iblogger.org အတြက္ဆိုရင္ /smsy.iblogger.org/htdocs ထဲကို upload တင္ေပးရမွာ ျဖစ္ပါတယ္ P[3.2] ။
(၄) Site verified ျဖစ္သြားရင္ P[4] မွာလိုျမင္ရပါမယ္။ ေနာက္တစ္ဆင့္ကေတာ့ Sitemap ကို add ေပးပါမယ္။ Sitemap add
ေပးတဲ့ ရည္ရြယ္ခ်က္ကေတာ့ Googlebot (ေခၚ) google web crawlers (search engine အတြက္ website မ်ား၏
အခ်က္အလက္ကို ေကာက္ယူေပးေသာ ပရိုဂရမ္) ေတြကို Site ရဲ႕ Pages, Posts အခ်က္အလက္ အားလံုးကို ျပည့္ျပည့္စံုစံု
ေကာက္ယူေစႏိုင္ဖို႕အတြက္ Sitemap နဲ႕ကူညီ လမ္းျပေပးတဲ့ သေဘာမ်ိဳးပါပဲ။
Sitemaps ထဲက Add sitemap ကိုသြားပါမယ္ P[4] ။ Choose type ဆိုတဲ့ drop down list မွာ Add general webs sitemap
ကိုေရြးပါမယ္။ WordPress အတြက္ကေတာ့ XML Sitemap Plugin နဲ႕ ျပဳလုပ္ထားတဲ့ sitemap.xml ကို ထည့္ေပးလိုက္ယံုပါပဲ
P[4.1] ။
76
Blogger ေတြအတြက္ကေတာ့ ပိုလြယ္ပါတယ္၊ Sitemap တည္ေဆာက္စရာမလိုပဲ My Sitemap URL is: ေနရာမွာ atom.xml
ဆိုၿပီး ထည့္ေပးလိုက္ယံုပါပဲ။ အျခား platform က blog ေတြ၊ Website ေတြ အတြက္ RSS Feed ျဖင့္လဲ add ေပးႏိုင္ပါတယ္။
Webmaster Help Center မွာ ေလ့လာႏိုင္ပါတယ္။ RSS Feed ကို support မလုပ္တဲ့ websites ေတြအတြက္ကေတာ့ xml-
sitemaps.com မွာ Sitemap ျပဳလုပ္ၿပီး Add ေပးႏိုင္ပါေသးတယ္။ Sitemap ကုိေအာင္ျမင္စြာ ထည့္သြင္းၿပီးသြားၿပီဆိုရင္
Sitemap details မွာ P[4.2] အတိုင္း အခ်က္အလက္ေတြကို ျမင္ေတြ႕ရပါမယ္။
အဆင့္ေတြ အားလံုး ျပဳလုပ္ ေအာင္ျမင္ၿပီဆိုရင္ SEO အတြက္ အေျခခံ အဆင့္တစ္ခုေတာ့ အဆင္ေျပသြားပါၿပီ။ Search engine
ရဲ႕ ထိပ္ပိုင္းကို ေရာက္ရွိဖို႕ အတြက္ကေတာ့ ဒီေလာက္ မလြယ္ကူပါဘူး။ အျခား အေၾကာင္းအရာေပါင္း မ်ားစြာ ဆက္ႏြယ္
ေနပါေသးတယ္။ မဟုတ္ရင္ SEO အတြက္ ၀န္ေဆာင္မႈ ကုမၸဏီေတြ ဘယ္လို ျဖစ္ေပၚလာႏိုင္ပါ့မလဲ။ ဘယ္လုိပဲျဖစ္ျဖစ္
ျမန္မာစာနဲ႕ ရွာေဖြမႈေတြအတြက္ တစံုတခုတာ့ အက်ိဳးရွိႏိုင္မွာ ေသခ်ာပါတယ္။ Google တင္မကပဲ Yahoo အတြက္ Yahoo Site
Explorer , MSN အတြက္ Webmaster tools တို႕မွာ အလားတူ ျပဳလုပ္ေပးႏိုင္ပါေသးတယ္။ Site Verify လုပ္ျခင္း၊ Sitemap
Add ေပးျခင္း ပံုစံ မကြာျခားလွပါဘူး။ က်န္ရွိေနေသးတဲ့ Webmaster tools ေတြကို အလ်င္းသင့္သလို တင္ေျပေပးသြားမယ္။
--------------------------
77
Blogger အတြက္ Wordpress Themes
written by Yan at Sunday, December 16, 2007 Contributor: ရန္ေအာင္
အားလုံးပဲ မဂၤလာပါခင္ဗ်ာ.
ခုတေလာ ကုိသၾကၤန္တုိ႔၊ ကုိ Thinker တုိ႔၊ ကုိေမွာ္ဆရာတုိ႔က Wordpress Template ေတြအေၾကာင္း ေတာ္ေတာ္ေလး
ေဆြးေႏြးေနၾကတာကုိ ေတြ႔ရပါတယ္. ကၽြန္ေတာ္ေတာင္ စိတ္ပါလာတယ္.(ေဩာ္. Wordpress ဖက္ေျပာင္းဖုိ႔ကုိ ေျပာတာပါ.
ဟတ္ဟတ္.)
ကဲ. Wordpress ဖက္ကုိ မသြားခ်င္ေသးဘူး. Blogger မွာပဲ Wordpress Themes ေလးေတြနဲ႔ စမ္းသပ္ၾကည္႔ခ်င္ေသးတယ္
ဆုိရင္ေတာ႔ ဒီဆုိဒ္ေလးကုိ သြားၾကည္႔လုိက္ပါခင္ဗ်ာ.
http://thaslayer.com/category/templates/
----------------------------------------------------------------------------------------------------
Myanmar-Neo Template
written by Mhaw Sayar at Sunday, December 2, 2007 Contributor: ေမွာ္ဆရာ
Neo ဆိုတာဘာလဲ
အလြယ္ကူဆံုး ေျပာရရင္ေတာ့ ဘေလာ့ဂၢါရဲ့ မူရင္း Template ကို Java Script(AJAX Technology) နဲ႔ အဆင့္ျမွင့္ထားတဲ့ ၊
အသံုးျပဳရ အလြန္လြယ္ကူလွၿပီး ၊ Web Page တစ္ခုႏွင့္ တစ္ခုအကူးတြင္ Page Loading လံုး၀ေစာင့္ဆိုင္းစရာ မလုိတဲ့
အရမ္းသြက္လက္ ေပါ့ပါးတဲ့ Template တစ္ခုပါပဲ။ သူ႔အေၾကာင္း အျပည့္ အစံုသိခ်င္ရင္ေတာ့ ဒီမွာ ဖတ္ရႈႏိုင္ပါတယ္။
Neo အသံုးျပဳရင္မိမိဘေလာ့ဂ္မွာ ဘာေတြထူးျခားလာမလဲ
ဒီေနရာ မွာ သင့္ဘေလာ့ဂ္ လိပ္စာ ရိုက္ထည့္ၿပီး နီယို အသံုးျပဳျခင္းအားျဖင့္ ဘာေတြထူးျခားသြားသလဲ ဆိုတာ

ေလ့လာႏိုင္ပါတယ္။
ဘယ္လိုအသံုးျပဳမလဲ
အသံုးျပဳရတာ အရမ္းကို လြယ္ကူရွင္းလင္းပါတယ္။ ေအာက္ပါအဆင့္မ်ားအတိုင္း အတိအက် လုပ္ေဆာင္ပါ။
အဆင့္(၁) ။ ။ လက္ရွိ မိမိသံုးေနတဲ့ Template ကို "Backup" လုပ္ထားပါ။(Blog Setting ထဲက၊ Template ဆိုတဲ့ Tab
ကိုသြားပါ ၊ Edit Html ကို ေရြးပါ၊ ၎ စာမ်က္ႏွာမွာ (Before editing your template, you may want to save a copy of it.)
ဆိုတဲ့ စာေၾကာင္း ေနာက္က "Download Full Template" ကို " ကလစ္" လုပ္ျခင္းအားျဖင့္ လက္ရွိ Template ကို Backup
လုပ္ၿပီးသားျဖစ္သြားပါၿပီ။ ရည္ရြယ္ခ်က္ကေတာ့ အကယ္၍ Neo ကို Install လုပ္ေနရင္းနဲ႔ အမွားတစ္ခုခုပါသြားခဲ့ရင္ ယခင္
Template ကိုအလြယ္တစ္ကူ ျပန္သံုးလို႔ ရေစရန္ ျဖစ္ပါတယ္။
အဆင့္(၂)။ ။၎ Edit Html စာမ်က္ႏွာရဲ့ Coding Box ထဲမွာ <body> ဆိုတဲ့ ကုဒ္ကို ေတြ႔ေအာင္ရွာပါ။ Ctrl+F ကိုႏွိပ္ၿပီး
Search Box ေပၚလာတာနဲ႔ ၎ ကုဒ္ကို Search Box ထဲမွာ ရိုက္ထည့္ၿပီးအလြယ္တစ္ကူ ရွာနိဳင္ပါတယ္။ <body> ကုဒ္ကို
ေတြ႔ပါက ၎၏ ေနာက္ရွိ စာေၾကာင္းမ်ားထဲမွ<b:widget> ျဖင့္အစျပဳေသာ စာေၾကာင္းမွန္သမွ်ကို ေကာ္ပီလုပ္ၿပီး Note Pad
သို႔ ၊ Word Pad တစ္ခုခုတြင္သိမ္းထားပါ။
မွတ္ခ်က္။<b;widget><widget id=Blog1.....>ဆိုေသာစာေၾကာင္းကို ကူးစရာမလိုပါ။
78
အဆင့္(၃)။အထက္ပါအဆင့္မ်ားအားလံုးၿပီးဆံုးပါက ဒီေနရာ မွာ Right Click ေထာက္ၿပီး ၊ Save Target As..ေရြးျခင္းျဖင့္
Neo.js ကို ေဒါင္းလုဒ္ လုပ္ပါ။ ရလ်င္ ၎ဖိုင္ကို Note pad သို႔ Word Pad ျဖင့္ဖြင့္ၿပီး </b:widget> </b:section> ဆိုေသာ
ကုဒ္ ႏွစ္ခုကို ရွာပါ။ ေတြ႔လ်င္ အဆင့္(၂) တြင္ သိမ္းထားခဲ့ေသာ Widget Coding စာေၾကာင္းမ်ားကို ေကာ္ပီကူးၿပီး အထက္ပါ
ကုဒ္ႏွစ္ခုၾကား တြင္ထည့္ပါ။ ဖိုင္ကို Save လုပ္ပါ။
Widget မ်ားကိုထည့္ရမယ့္ ပံုစံကေတာ့ ေအာက္ပါပံုစံအတိုင္းျဖစ္ပါတယ္။
<div id='newsidebar-wrapper'>
<b:section class='sidebar' id='newsidebar' preferred='yes'>
<b:widget id='Posts' locked='false' title='Posts' type='HTML'>
<b:includable id='main'>
<div id='LabelDisplay'>
<div id='LabelTitle'>
</div>
<div class='widget-content' id='LabelPosts'>
<script language='javascript'>fetchLatestPosts('<data:blog.homepageUrl/>', '');</script>
</div>
</div>
</b:includable>
</b:widget>
ဒီေနရာမွာ သင့္ရဲ့ Widget မ်ားအားလံုးထည့္ပါ....
</b:section>
</div>
အဆင့္(၄)။ ။Edit Html စာမ်က္ႏွာမွာပဲ Browse မွတစ္ဆင့္ အဆင့္(၃) တြင္ သိမ္းထားခဲ့ေသာ ဖိုင္ ရွိတဲ့ေနရာကို ညြန္ျပပါ။
Upload လုပ္ပါ။ ”Template Save Successfully ” ဆိုရင္အားလံုးေအာင္ျမင္စြာၿပီးဆံုး ပါၿပီ။ဒီလိုမဟုတ္ပဲ ေအာက္က ပုံအတိုင္း
Error တက္လာခဲ့ရင္ေတာ့ ျပန္စစ္ဖို႔လိုပါမယ္။
အကယ္၍ အထက္ပါ သတိေပးခ်က္ရလာခဲ့ရင္ Comfirm & Save ဆိုတာကို ကလစ္မလုပ္ပါနဲ႔။ လုပ္ခဲ့လို႔ရွိရင္ သင့္ရဲ့
က်န္ေနေသးတဲ့ Widget Data ေတြအားလံုးဆံုးရႈံးသြားပါလိမ့္မယ္။ Cancel ကိုေရြးပါ။ Expand Widget Templates မွ Tick
ကိုျဖဳတ္ျခင္းျဖင့္ မူလ Template ကိုျပန္သြားပါ။ က်န္ခဲ့ေသာ Widget မ်ားအားလံုးကို ျပန္ကူးပါ။အထက္ပါ သတိေပးခ်က္တြင္
Label1 , Html1 စသျဖင့္ဥပမာ ျပထားပါသည္။ မိမိရရွိေသာ သတိေပးခ်က္မွ Widget ေခါင္းစဥ္မ်ားကို သာကူးၿပီး
အဆင့္(၂)တြင္ထပ္မံေပါင္းထည့္ ရန္သာျဖစ္ပါတယ္။ ဖိုင္ကိုထပ္မံသိမ္းဆည္းၿပီး Upload လုပ္ေပးပါ။
အဆင့္(၄)။ ။ အထက္ပါအဆင့္မ်ား ေအာင္ျမင္စြာၿပီးဆံုးပါက Add Page
Element ကိုသြားပါ။ ေအာက္ပါပံုစံအတိုင္း ၃-
ေကာ္လံျဖင့္ျမင္ေတြ႔ရပါမယ္။
၎တြင္ Labels(စာညႊန္းမ်ား)ႏွင့္ Posts (ေရးသားၿပီးေခါင္းစဥ္မ်ား)

Element ေခါင္းစဥ္ေတြကေတာ့ Neo ရဲ့ မူရင္း Page Element
မ်ားျဖစ္ၿပီး ျပဳျပင္၊ဖ်က္သိမ္းျခင္းလုပ္လို႔ ရမွာမဟုတ္ပါဘူး။
အကယ္၍လုပ္ခဲ့ မယ္ဆိုရင္ Neo ရဲ့အဓိက
လုပ္ေဆာင္ခ်က္တစ္ခုလံုးပ်က္စီးသြားမွာျဖစ္ပါတယ္။ က်န္တဲ့ Page
Element ေတြကေတာ့ မိမိဘေလာ့ဂ္ မွာရွိတဲ့ Element ေတြျဖစ္တဲ့
79
အတြက္ မိမိစိတ္ႀကိဳက္ ၿပဳျပင္ဖ်က္သိမ္း လုပ္နိဳင္မွာျဖစ္ပါတယ္။
ဒါကေတာ့ ပံုမွန္ Neo Template တစ္ခုကို ဘယ္လုိ Install လုပ္ရမယ္ဆိုတာကိုရွင္းျပခဲ့တာျဖစ္ပါတယ္။
မူရင္းနီယို Template ကိုအသံုးျပဳခ်င္သူမ်ားအတြက္ ဒီေနရာ မွာႀကိဳက္ႏွစ္သက္ရာ ဒီဇိုင္းကိုေရြးခ်ယ္ၿပီး စိတ္ႀကိဳက္

အသံုးျပဳနိဳင္ၾကပါေၾကာင္း။
ျမန္မာ ဘေလာ့ဂၢါမ်ားအတြက္ Neo Template အသစ္
မူရင္း ဒီေနရာက ျဖစ္ၿပီး ၊ လုိအပ္တဲ့ Script Coding တစ္ခ်ိဳ႔ကို ျပဳျပင္ေရးသားထားတဲ့ ”ျမန္မာနီယိုဘေလာ့ဂၢါ တမ္းပလိတ္” အား
ဒီေနရာမွာ အခမဲ့ေဒါင္းလုဒ္ဆဲြခ်ႏိုင္ပါတယ္။ Install လုပ္ပံု ၊ လုပ္နည္းကေတာ့ အေပၚမွာ ရွင္းျပထားတဲ့အတိုင္းပါပဲ။
ျမန္မာနီယိုဘေလာ့ဂ္ဂါ တမ္းပလိတ္ ကိုအသံုးျပဳထားတဲ့ ”စမ္းသပ္ဘေလာ့ဂ္” အား ဒီေနရာ မွာ ၾကည့္ရႈႏိုင္ပါတယ္။
ဒီ Template ကိုအသံုးျပဳမယ္ဆိုရင္ အဓိကျပဳျပင္စရာတစ္ခုကေတာ့ မိမိရဲ့ Eot ေဖာင့္ထ္လိပ္စာကို ျပန္လည္
အစားသြင္းေပးရန္ပါပဲ။ ေအာက္မွာေဖာ္ျပထားတဲ့အတိုင္းျဖစ္ပါတယ္။
/* Use this with templates/template-twocol.html */
.Navbar{display:none;visibility:hidden}
body {
background:#fff;
margin:0;
text-align:center;
line-height: 1.5em;
font-family:x-small 'ZawGyi-One', ZawgyiOne, Zawgyi1, Trebuchet MS, Verdana, Arial, Sans-serif;
color:$mainTextColor;
font-size/* */:/**/small;
font-size: 13px /**/small;
}
@font-face {
font-style: normal;
src: url(http://ဒီေနရာမွာ သင့္ရဲ့ Eot ေဖာင့္ထ္ လိပ္စာထည့္ရပါမယ္။);
}
------------------------------------------------------
Template Width ခ်ဲ႔နည္း
written by mmhelpdesk at Sunday, August 19, 2007 Contributor: ေ၀ယံလင္း
ဒီပုိ႔စ္ေလးကုိ ျမန္မာဘေလာ႔ဂါဖုိရမ္ ကေန ယူလာခဲ႔ပါတယ္
တန္းပလိတ္ကို width change ခ်င္တယ္ဆိုရင္ေတာ့ ပထမဆံုးတန္းပလိတ္ ကုဒ္ေတြကိုၾကည့္လိုက္ပါ။

ၿပီးရင္ေအာက္မွာျပထားတဲ့ကုဒ္ေတြကိုရွာပါ။
80
#outer-wrapper {
width: 660px;
margin:0 auto;
padding:10px;
text-align:left;
font: normal normal 100% Georgia, Serif;
}
#main-wrapper {
width: 410px;
float: left;
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: right;
}
#main-wrapper ကပို႔စ္အတြက္ width သတ္မွတ္ထားတဲ့ div ပါ။ ပို႔စ္ေနရာကို width ေျပာင္းခ်င္တယ္ဆိုရင္ အဲဒီ width:
410px; ဆိုတဲ့ေနရာမွာ ကိုယ္လိုခ်င္တဲ့ဂဏန္းကိုေျပာင္းေပးလိုက္ပါ။ ဒါေပမယ့္ အဲဒီလိုေျပာင္းရင္ #outer-wrapper
ဆိုတဲ့ေနရာမွာပါလုိက္ၿပီးေျပာင္းေပးရပါမယ္။ ဥပမာ အထက္ကကုဒ္ေတြကိုၾကည့္ပါ။ #outer-wrapper ထဲက width: 660px;
ဆိုတာ ပို႔စ္နဲ႔ဆိုဒ္ဘားႏွစ္ခုေပါင္းရဲ႕ width ပါ။ 660pixels ရွိပါတယ္။ ပို႔စ္အတြက္ #main-wrapper မွာက width: 410px နဲ႔
#sidebar-wrapper အတြက္ width: 220px ျဖစ္ပါတယ္။ ႏွစ္ခုေပါင္း 630pixels ရွိပါတယ္။ ပိုေနတဲ့ 30pixels
ကပို႔စ္နဲ႔ဆိုဒ္ဘားအလယ္မွာရွိေနတဲ့ gap ပါ။
တကယ္လို႔ ပို႔စ္ကို 700px နဲ႔ဆိုဒ္ဘားကို 250px ထားခ်င္တယ္ဆိုပါဆို႔။
#main-wrapper {
width: 500px;
float: left;
}
#sidebar-wrapper {
width: 250px;
float: right;
}
81
အဲဒီဂဏန္းေတြကိုေျပာင္းလိုက္ပါ။ ၿပီးရင္
#outer-wrapper {
width: 780px;
margin:0 auto;
padding:10px;
text-align:left;
font: normal normal 100% Georgia, Serif;
}
ဒါဆိုရင္ပို႔စ္က 500px ရွိၿပီး ဆိုဒ္ဘားကေတာ့ 250px ရွိေနမွာပါ။ သူတို႔ၾကားကအကြာအေ၀းကေတာ့ 30px ေပါ့။ ဒါေပမယ့္
header box ကေသးေနပါလိမ့္မယ္။ လိုက္ႀကီးခ်င္တယ္ဆိုရင္ေတာ့
#header-wrapper {
width:660px;
margin:0 auto 10px;
border:1px solid #cccccc;
}
အဲဒီကုဒ္ကိုရွာၿပီး width:660px; ေနရာမွာ width:780px; ကိုေျပာင္းေပးလိုက္ရံုပါပဲ။
-------------------------------------------------------------
ကုိယ္ပုိင္ New Blogger Template တစ္ခုဖန္တီးျခင္း
written by mmhelpdesk at Friday, August 17, 2007 Contributor: ေ၀ယံလင္း
New Blogger Template ကိုကုိယ္တိုင္ ေရးၾကည့္ခ်င္ေနတာ ၾကာၿပီ။ နည္းသိသြားေတာ့လည္း သိပ္မခက္ခဲလွပါဘူး။

ကိုယ့္ဘာကိုယ္ ကလိခ်င္တဲ့လူေတြအတြက္ တင္ေပးလိုက္ပါတယ္။ ဒါဆို ကိုယ္ႀကိဳက္တဲ့ တန္းပလိတ္ကို ကိုယ့္ဘေလာ့မွာ
သံုးလို႔ရၿပီေပါ့။
အရိုးရွင္းဆံုး CSS မပါတဲ့ ဟာကေန စရင္ အရမ္းလြယ္ပါတယ္။
ရိုးရိုး XHTML တန္းပလိတ္တစ္ခုက ေဟာဒီလို ရွိပါလိမ့္မယ္။

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title></title>

</style>
</head>
<body>
82
<div id='container'>
<div id='header'> </div>
<div id='main'> </div>
<div id='sidebar1'> </div>
<div id='footer'> </div>
</div>
</body>
</html>
အဲဒါကို XML ျဖစ္ေအာင္ ေဟာဒီကုဒ္ေတြ ေျပာင္းေပးလိုက္ပါ။
<?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>
</head>
<body>
<div id='header'> </div>
<div id='main'> </div>
<div id='footer'> </div>
</div>
</body>
</html>
ဒီေနရာမွာ
</style>
အစား
83
<b:skin><![CDATA[/*
*/
]]></b:skin>
ဆိုတာကို အစားထုိးလိုက္တာ သတိထားပါ။ ခုဆိုရင္ XML New Blogger Template ျဖစ္သာြ းပါၿပီ။ ဒါေပမယ့္
ဘာမွမရွိေသးပါဘူး။ ဒီတန္းပလိတ္ထဲကို Blogger Widgets ေလးေတြ ထည့္လိုက္ရေအာင္။ <body> နဲ႔ </body> ၾကားမွာ
ေအာက္က ကုဒ္ေတြကို ထည့္လိုက္ပါ။




<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='' type='Header'/>
</b:section>



<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section>



<b:section class='sidebar' id='sidebar1'/>



<b:section class='sidebar' id='sidebar2'/>



<b:section class='footer' id='footer'/>

</div>

ဒါဆိုရင္ေတာ့ ဒီတန္းပလိတ္ကို upload လုပ္လို႔ရပါၿပီ။ ဒါေပမယ့္ ဘာေလးေအာက္မွ မရွိပါဘူး။ Layout အတြက္ CSS နဲ႔ လုပ္ရင္
ရပါၿပီ။
----------------------------------------------------------------------
Template ဒီဇုိင္းမ်ား
84
Blogger Site က ေပးထားတဲ႔ Template ေတြက 2 Columns ေတြခ်ည္းပါပဲ. အဲဒါကုိ 3 Columns လုပ္ခ်င္ရင္ ကုိယ္တုိင္
column ထပ္တုိးႏိုင္သလုိ အသင္႔လုပ္ျပီးသား Template မ်ားကိုလည္း ယူသုံးႏုိင္ပါတယ္ ခင္ဗ်ာ. Template အသစ္ေလးေတြ
ထပ္လုိခ်င္သူမ်ားအတြက္ ready made လုပ္ထားျပီးသား 2-column-templates နဲ႔ 3-column-templates မ်ားကုိ ေအာက္မွာ
ေဖာ္ျပေပးလုိက္ပါတယ္.
ဒါကေတာ႔ ကုိမ်ိဳးေက်ာ္ထြန္းေျပာျပတဲ႔ Sidebar မွာ Column ထပ္ထည္႔တာကုိ ေလ႔လာႏုိင္တဲ႔ လင္႔ခ္ပါ.
http://beautifulbeta.blogspot.com/2006/09/
ဒါကေတာ႔ ကုိဖုိးခ်မ္းမွ်ေ၀တဲ႔ 3-column-templates မ်ားနဲ႔ ပတ္သက္တဲ႔ လင္႔ခ္မ်ားပါ.
New Blogger Templates:
http://newbloggertemplate.blogspot.com/
http://ubergeld.blogspot.com/search/label/Beta
http://www.blogcrowds.com/resources/templates.php?cat=1
http://deeepak.blogspot.com/2006/12/blogger-beta-templates.html
http://hoctro.blogspot.com/2006/11/three-column-template-minima-orche.html
http://hoctro.blogspot.com/2007/02/free-ready-to-use-three-column.html
Old Blogger Template : Brilliant Interface
http://www.kaushalsheth.net/tags/blogger-templates/
ဒါကေတာ႔ ကုိဖုိးဇင္က ျမန္မာဘေလာ႔ဂါမ်ားကုိ သိေစခ်င္တဲ႔ လင္႔ခ္မ်ားပါ.
http://www.freeskins.blogspot.com/
http://www.pannasmontata-templates.net/templates/
http://www.blogflak.com/skins.html
http://funkzyde.50webs.com/Exposing-Myself.html
http://www.geckoandfly.com/blogspot-templates/
http://www.bloggertemplates.org/
http://www.createblog.com/layouts/index.php?type_id=1
http://bloggertemplatesbycaz.blogspot.com/
အထက္ပါ လင္႔ခ္မ်ားကေတာ႔ ျမန္မာဘေလာ႔ဂါဖုိရမ္ မွာ ၀င္ေရာက္ေဆြးေႏြးထား ၾကတဲ႔ ဖုိရမ္မာ ကုိမ်ိဳးေက်ာ္ထြန္း၊ ကုိဖုိးဇင္ နဲ႔
ကုိခ်မ္းျမစုိး တုိ႔ရဲ႔ ကူညီပံ႔ပုိးေပးမႈမ်ားပဲ ျဖစ္ပါတယ္ခင္ဗ်ာ.
မိမိတို႔သိထားတဲ႔ Free Template Site ေကာင္းေကာင္းေလးမ်ား ရွိခဲ႔ရင္လည္း အားလုံးအက်ိဳးေက်းဇူးမ်ားေစဖုိ႔အတြက္

ဒီပုိ႔စ္ေလးရဲ႔ေအာက္မွာ လာေရာက္ျပီး မွ်ေ၀ေပးဖုိ႔ ေမတၱာရပ္ခံ ပန္ၾကားအပ္ပါတယ္ ခင္ဗ်ာ.
------------------------------
85

Blog Help Desk Book

Uploaded by

Copyright:

Available Formats

You might also like

Blog Help Desk Book

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Blog Help Desk Book

Uploaded by

Copyright:

Available Formats

ဘေလာ့ႏွင့္ ပတ္သက္ေသာ

written by Yan at Thursday, April 17, 2008

Message Box ေလးေတြကုိ လုပ္နည္း အမ်ိဳးမ်ိဳးရွိတဲ႔ အထဲက အဆင္ေျပဆုံး နည္းလမ္းေလးကုိ ေရြးခ်ယ္ျပီး

Alert Box with OK Button

အနီေရာင္နဲ႔ ျပထားတာေလးေတြက ကုိယ္ေပၚေစခ်င္တဲ႔ Message ေလးေတြပါ. အျပာေရာင္ေလးနဲ႔ ျပထားတာေလးကေတာ႔

ျမန္မာလုိ ေပၚေစခ်င္တယ္ဆုိရင္ေတာ႔ Zawgyi-One ကုိ ထည္႔ေၾကျငာေပးရပါမယ္. ဒီမွာ အစမ္းလုပ္ျပထားတာ ၾကည္႔ပါ.

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

အနီေရာင္နဲ႔ ျပထားတာေလးေတြက သင္ေပၚေစခ်င္တဲ႔ စာေၾကာင္းေလးေတြ ျဖစ္ပါတယ္. အျပာေရာင္ေလးနဲ႔

ဒါကေတာ႔ ျမန္မာလုိ ဥပမာေပးထားတာပါ.

ဥပမာဗ်ာ. ညစ္ညမ္းတဲ႔ Website တစ္ခုကို ၀င္ေတာ႔မယ္ ဆုိရင္.

ကၽြန္ေတာ္တုိ႔ ဘေလာ႔ဂ္ေလာကမွာေတာ႔ ဘာစည္းမ်ဥ္းဥပေဒသမွ မရိွေသးပါဘူး. ဒါေပမယ္႔ ဒီ Message box ေလးေတြဟာ

အခ်ိန္ကုန္ခံ၊ အပင္ပန္းခံ၊ ခါးေညာင္းခံ တင္ထား ေရးထားတဲ႕ မိမိရဲ႕ ပို႕စ္ေတြကို backup လုပ္ထားခ်င္သူမ်ား

အဲဒါေလးေတြကေတာ႔ ကၽြန္ေတာ္သိသေလာက္ေလးေတြပါပဲ. တစ္ခုနဲ႔တစ္ခု ေပးတဲ႔ storage space မတူပါဘူး. Fileden က 1

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

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

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

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

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

ဘာလုိ႔ အဲလုိလုပ္ရတာလဲဆုိေတာ႔ Cbox ကေပးထားတဲ႔ Background ကုိ အရင္ဖ်က္ပစ္မွ ကိုယ္တင္မယ္႔ပုံ ေပၚမွာမုိ႔လုိ႔ပါ.

ကုိယ္တင္ခ်င္တဲ႔ ပုံကုိ Size နည္းနည္းေလာက္ ညိွေပးဖုိ႔လုိပါတယ္. ဒီတုိင္းေကာက္တင္လုိက္လုိ႔ မရပါဘူး.

For Message Background

For Form Background

<Variable name="postTitleFont" description="Post Title Font" type="font"

Preview အရင္ၾကည္႔ပါ. ၾကိဳက္သြားျပီဆုိရင္ေတာ႔ Template ကုိ Save လုပ္လုိက္ပါ.ဟုတ္ကဲ႔ ျပီးပါျပီ.

Cbox အေၾကာင္း သိေကာင္းစရာေလးမ်ား

written by mmhelpdesk Contributor:ရန္ေအာင္

ဒီတစ္ခါေတာ႔ ဆီဗုံးလုိ႔ အမ်ားစုက ခ်စ္စႏုိးေျပာင္ေခၚေနၾကတဲ႔ Cbox နဲ႔ ပတ္သက္တာ ေလးေတြ ကၽြန္ေတာ္သိသေလာက္

Add a Page Element ကုိႏွိပ္လုိက္လွ်င္ ျမင္ရမည္႔ပုံ

မွတ္ခ်က္။၁. Cbox တြင္ အေကာင္းအဆုိးေရာေနသည္။ Cbox ထည္႔ထားျခင္းေၾကာင္႔ မိတ္ေဆြမ်ားတုိးပြားလာႏုိင္သကဲ႔သုိ႔

Peekaboo Comments ေလးမ်ား လုပ္ၾကမယ္...

written by Yan at Thursday, October 18, 2007 Contributor: ရန္ေအာင္

ဒီတစ္ခါလက္ဆင္႔ကမ္းေျပာျပခ်င္တာကေတာ႔ Peekaboo Comments ေလးေတြ အေၾကာင္းပါ. ဒီအေၾကာင္းကို ေရးမယ္လုိ႔

(၄) ဒီ စာေၾကာင္းေလးေတြကုိ လုိက္ရွာပါ

<b:includable id='comments' var='post'>

ေတြ႔ရင္ ဒုတိယလုိင္းကုိ ဒီလုိေလး အစားသြင္းေပးလုိက္ပါ.

<div class='comments' expr:id='"comments" + data:post.id'>

(၅) ခုနက စာေၾကာင္းေလးေတြရဲ႔ ေအာက္ဖက္နားေလးမွာပဲ <dl id='comments-block'> ဆိုတာေလး ရွိပါတယ္. အဲဒါေလးကုိ

<div expr:id='"commentsul" + data:post.id'> </div>

(၆) ဒီထိရပါေသးတယ္ေနာ္. ျပီးခါနီးပါျပီ. ဒီတစ္ခါေတာ႔ ဒီစာေၾကာင္းေလးေတြကုိ ရွာပါခင္ဗ်ာ.

<b:includable id='main' var='top'>

ေတြ႔ရင္ ဆက္ဖတ္ၾကည္႔ပါ. ဒီလုိမ်ိဳး Coding ေလးေတြ ေရးထားတာ ေတြ႔ရပါလိမ္႔မယ္.

<b:if cond='data:blog.pageType == "item"'>

<b:includable id='post' var='post'>

ျပီးရင္ သူ႔ေအာက္နားေလးကို ဆက္ဖတ္ပါ. ဒါေလးေတြကိုေတြ႔တဲ႔ အထိေပါ႔

<b:if cond='data:blog.pageType != "item"'>

(၈) Template ကုိ Save လုပ္လုိ႔ရပါျပီ.

ဒီေနရာက ပုိ႔စ္ေလးကုိ သင္႔ေတာ္သလုိ ဘာသာျပန္ဆုိ ေရးသားပါတယ္…

written by mmhelpdesk at Friday, August 17, 2007

ကၽြန္ေတာ္႔ရဲ႔ ဘေလာ႔ဂ္မွာ ပုိ႔စ္ေလးေတြကို မိတ္ဆက္ေလးတင္ျပီးေတာ႔ က်န္တာေတြကုိ ဆက္ဖတ္ႏုိင္ေအာင္ Read More…

အဲဒါကုိ အဂၤလိပ္လုိ Peek-A-Boo Post ေလးေတြ လုိ႔ေခၚျပီးေတာ႔ ျမန္မာမႈျပဳရရင္ေတာ႔ `တူတူေရ၀ါးပုိ႔စ္´ ေလးေတြလုိ

ခဏခဏလာေမးတဲ႔ ေဘာ္ေဘာ္ဘေလာ႔ဂါမ်ားလည္း ေျပလည္ေအာင္၊ ေနာက္ေနာင္ မည္သူမဆုိ ကုိးကားႏုိင္ေအာင္လုိ႔

ဒီ script ေလးကို ကူးျပီးေတာ႔ </head>-tag မဆုံးခင္ေလးမွာ ထည္႔လုိက္ပါ။

<script src="http://yanaung.prospect.googlepages.com/myhacko.js" type="text/javascript" />

Update: (As of August 19, 2007)

Peekaboo ပုိ႔စ္ေတြ ခဏခဏ ေဒါင္းသြားတတ္တယ္လုိ႔ ျပန္ေျပာေနၾကတာ ၾကားရပါတယ္. ကၽြန္ေတာ္လုပ္ထားတဲ႔ Coding က

ကဲဗ်ာ. ဖုိင္ေပးလုိက္မယ္ေနာ္. ဒါကုိ အရင္ဆုံး save လုပ္ပါ.

< script src='http://yanaung.prospect.googlepages.com/myhacko.js' type='text/javascript'></script>

<script src='Your URL' type='text/javascript'></script>

<b:includable id='post' var='post'>