blog help desk book

1

ဘေလာႏင ပတသကေသာ အခကအလကမား

စာအပ

http://mmbloggershelpdesk.blogspot.com/ မ

ကးယျပစသည။

ကးယျပစသ

ေမာငေစတနာ

[email protected]

www.mgsaytanar.blogspot.com

2

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 က ထည႔ေၾကျငာေပးရပါမယ. ဒမာ အစမးလပျပထားတာ ၾကည႔ပါ.

<script type="text/javascript"> alert(<font face="Zawgyi-One">'ေဟ႔ေဟ႔. သတထားေနာ. ခငဗား အခသြားေနတာ ကရနေအာငရ႔ ဘေလာ႔ဂဗ. ဟတဟတဟတ.'</font>) </script> <noscript>Enable javascript in your browser to view an important message.</noscript> ဒါမးေလးေပၚလာမာ ျဖစပါတယ.

3

Alert Box with Confirmation Button ဒါကကေတာ႔ စာဖတသက ေရြးခယခြင႔ေပးတာပါ. ဆကသြားမလား. ဒါမမဟတ မဖတေတာ႔ဘ ျပနထြကမလားဆတာက ေရြးခငးတာေပါ႔. ခနကလပါပ. Template ထကသြားပါ. Page Elements ကသြားပါ. ျပးေတာ႔ Add a page Element လပျပး HTML/Javascript ကေရြးပါ. ျပးရင ေအာကပါ ကဒဒငးေလးေတြက ထည႔ေပးလကပါ.

<script type="text/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 လပေပးမယ႔ စာမကႏာျဖစပါတယ. ဒါကေတာ႔ ျမနမာလ ဥပမာေပးထားတာပါ.

<script type="text/javascript"> 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> ဒလေလး ျဖစသြားပါလမ႔မယ...

4

ဒေလာကပါပ… ဒလ 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 ၿဖစပါတယ။ -------------------------

5

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 ဆတ႔ ပစေလးေတြ ပါပါလမ႔မယ. ခၽြတစြပၾကးေတာ႔ ဘယတပါ႔မလဗာေနာ. စတရညရညထားျပး ရာၾကည႔ရင သေဘာေပါကသြားပါလမ႔မယ…

6

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 ဆတာက ေရြးပါမယခငဗာ. ေအာကကပစအတငးေလး ေပၚလာပါလမ႔မယ

7

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: ရနေအာင ကၽြနေတာ႔ရ႔ ဆဗးမာ ေနာကခပေလးထည႔ထားတာက ဘယလလပရလ သခငေနသမားအတြက ဒပ႔စေလးက ဆကေရးျဖစပါတယ… တကယေတာ႔ကၽြနေတာ ကဖးခမး ရ႔ ဘေလာ႔ဂမာ ဒါေလးက စေတြ႔တာပါ.

8

အဆင႔ (၁) 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 ------------------------------ */

9

#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 လပလ႔ ရပါတယ။

10

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 ဆတာေလးက ႏပလကရင ခလ ပမာ ျမငရပါလမ႔မယ။

11

အဒ႔ေနရာမာ ကယ႔ 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 ကႏပလကလင ျမငရမည႔ပ

12

အားလး အဆငေျပ ေခာေမြ႔ၾကပါေစ ခငဗာ။ မရငးတာရရငလညး 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 မလပခ႔တ႔ ျပနာေၾကာင႔ပါပ.

13

(၃) </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"'> <script type='text/javascript'> 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>

14

အဒါက ေတြ႔ေအာငရာျပးရင ဒလျပနအစားသြငးေပးလကပါ. <b:if cond='data:post.allowComments'> <b:include data='post' name='comments'/> </b:if> (၇) ေနာကဆးအဆင႔ပါ. ဒ စာေၾကာငးေလးက ရာပါခငဗာ. <b:includable id='post' var='post'> ျပးရင သ႔ေအာကနားေလးက ဆကဖတပါ. ဒါေလးေတြကေတြ႔တ႔ အထေပါ႔ <b:if cond='data:post.allowComments'> <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:if cond='data:blog.pageType != "item"'> <b:if cond='data:post.allowComments'> <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/> <data:top.commentLabelPlural/></b:if></a> </b:loop> </b:if> <b:else/> <b:if cond='data:post.allowComments'> <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/> <data:top.commentLabelPlural/></b:if></a> </b:if> </b:if>

15

Max comments ဆျပး အနေရာငေလးန႔ ေရးထားတ႔ ေနရာမာ ကယၾကကသလ Edit လပလ႔ရပါတယ. ဥပမာ. ေကာမန႔ေတြက အမားဆး (၅) ခပ ေပၚေစခငရင 5 လ႔ရကထည႔ေပးရမာပါ. အလမဟတဘ ရသမ၊ ေရးေပးထားသမ ေကာမန႔ေတြ ေပၚေစခငရငေတာ႔ max comments ေနရာမာ false လ႔ ရကေပးပါခငဗာ. (၈) Template က Save လပလ႔ရပါျပ. (၉) Enjoy!!!! Acknowledgement: ဒေနရာက ပ႔စေလးက သင႔ေတာသလ ဘာသာျပနဆ ေရးသားပါတယ… ---------------------------------------

Peekaboo ပ႔စေခါကျခငး

written by mmhelpdesk at Friday, August 17, 2007 Contributor: ရနေအာင ကၽြနေတာ႔ရ႔ ဘေလာ႔ဂမာ ပ႔စေလးေတြက မတဆကေလးတငျပးေတာ႔ ကနတာေတြက ဆကဖတႏငေအာင 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

16

ျပးရင 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'> <b:if cond='data:blog.pageType == "item"'> <p><data:post.body/></p> <b:else/> <style>#fullpost {display:none;}</style> <p><data:post.body/></p> <span id='showlink'>

17

<p><a expr:onclick='"javascript:showFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>Read More...</a></p> </span> <span id='hidelink' style='display:none'> <p><a expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>Collapse...</a></p> </span> <script type='text/javascript'> checkFull("post-" + "<data:post.id/>"); </script> </b:if> <div style='clear: both;'/>  </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 လပသြားပါ. ေအာငျမငၾကပါေစ… ----------------------------------

18

Peekaboo Sidebar လပနညး

written by Yan at Monday, August 27, 2007 Contributor: ရနေအာင အားလးပ မဂၤလာပါခငဗာ. ဒါကေတာ႔ 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>

19

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 က ျပနသြားေနရေရာ. အလပရႈပတာေပါ႔ဗာ.

20

ေဖာကထားမယ. 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 မာပ အလပလပပါတယခငဗာ.. ---------------------------------------------

21

ေနာကဆး ေရးထားတ 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 က ႏပလ႔ရရင ႏပလကပါ... ၿပးရင ကယဘေလာက ျပနၾကညပါ...

22

ကေတာ ဘေလာမာေတာ အေပၚက အတငး ျမငေနရပါတယ... 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 -------------------------------------- */

23

ဆျပး ေနရာေလးေပးလ႔ ခေရးေပးလကတ႔ စာေၾကာငးေလးေတြက ကးထည႔လကမယဆရင လအပလ႔ ျပနရာရငလညး အလြယတကေတြ႔ႏငမာ ျဖစပါတယ. စနစလညး ကမာ ျဖစပါတယ. က. 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-family: Zawgyi-One; font-style: oblique; font-weight: normal; src: url(http://www.fileden.com/files/2007/9/23/1451933/EOT_Zawgyi3.eot); } @font-face { font-family: Zawgyi-One; font-style: oblique; font-weight: 700; src: url(http://www.fileden.com/files/2007/9/23/1451933/EOT_Zawgyi2.eot); } @font-face { font-family: Zawgyi-One; font-style: normal; font-weight: 700; src: url(http://www.fileden.com/files/2007/9/23/1451933/EOT_Zawgyi1.eot); } ဒါဆရင 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 ရျပလား

24

ဘာလပရမလဆေတာ႔ ကယ႔ရ႔ Googlepages မာပျဖစျဖစ၊ Fileden.com၊ Ripway.com စသညတ႔မာပ ျဖစျဖစ ဒဖငေလးေတြက ျပနတငလကပါ. ျပးရင လင႔ခက ယပါ. ရျပဆရင အဒ႔လင႔ခေလးေတြက ကၽြနေတာအထကမာ ေရးျပခ႔တ႔ EOT 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-family: Zawgyi-One; font-style: oblique; font-weight: normal; src: url(http://www.fileden.com/files/2007/9/23/1451933/EOT_Zawgyi3.eot); } @font-face { font-family: Zawgyi-One; font-style: oblique; font-weight: 700; src: url(http://www.fileden.com/files/2007/9/23/1451933/EOT_Zawgyi2.eot); } @font-face { font-family: Zawgyi-One; font-style: normal; font-weight: 700; src: url(http://www.fileden.com/files/2007/9/23/1451933/EOT_Zawgyi1.eot); } ဆတ႔ေနရာမာ အားလးတပါတယ. တစေနရာပ ျပငေပးရမာပါ. src: url(http://www.fileden.com/files/2007/9/23/1451933/EOT_Zawgyi4.eot); ဆတ႔ေနရာမာ src: url(Your_Zawgyi4_File.eot); လ႔ျပငေပးရပါမယ. File Hosting Site ကေပးတ႔ လင႔ခက ယရမာေနာ. ကၽြနေတာရကျပေပးထားတ႔ နာမညအတငး ရကမလ႔ကေတာ႔ တငပတသြားလမ႔မယ... တငၾကးက ပတသြားတာေလ... ဟတဟတ..အလားတပ src: url(http://www.fileden.com/files/2007/9/23/1451933/EOT_Zawgyi3.eot); will be

25

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-family: Zawgyi-One; font-style: normal; font-weight: normal; src: url(http://maunghla.googlepages.com/ZAWGYIO0.eot); }

Bold, Italic တ႔အတြက ေတာမပါပါ... ႐း႐း normal Zawgyi-One အတြကပါ... စမးၾကညပါဥး... ----------------------------------------------

EOT လပျခငး

written by mmhelpdesk Contributor: ရနေအာင 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. အေသးစတက ဒမာ ဖတပါ။

26

မရငးရညရြယခကကေတာ႔ ကယတငျပထားတ႔ ဒဇငးေဖာင႔ပစေတြက ၾကည႔ရႈသရ႔ စကထမာ 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 မေပၚလာတ႔ ျပနာ

27

ၾကခ႔ရပါတယ။ ကၽြနေတာ ေျမစမးခရမးပး ခ႔ရတ႔ အရငးအႏးတစခပါပဗာ။ ဘယလ 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 ေလးက ေရြးလကပါ။ ဒလျမငရပါလမ႔မယ ခငဗာ။

28

Next က ဆကႏပပါ။ ေနာကတစဆင႔ဆကႏပပါ။ ဒပစ ျမငရပါလမ႔မယ။

အေပၚဆးက subsetting ထမာ No. 7 No. Subsetting က ေရြးလကပါ။ Next က ဆကႏပပါ။ ဒပစျမငရပါလမ႔မယ။

ဒအဆင႔မာ ကယထည႔ခငတ႔ Site ေတြရ႔ URL Address ေတြက ထည႔ဖ႔ပါပ။ Edit ကႏပလကပါ။ အဒ႔မာ ကၽြနေတာ EOT လပေပး ထားတ႔ Site ေတြရ႔ Address ေတြက ေတြ႔ရပါလမ႔မယ။ ဒပမာ ေလ႔လာႏငပါတယ။

29

လပစာက ရကထည႔ရင http://yourblog.blogspot.com လ႔လညးရကပါ။ http://www.yourblog.blogspot.com လ႔လညး ရကေပးပါ။ ဘာလ႔လဆေတာ႔ User တစခ ႔က www ဆတာန႔ရက၀ငသလ တစခ ႔ကေတာ႔ http:// န႔ ရက၀ငတတတာမ႔လ႔ ၂ မးလးရေအာငလ႔ပါ။ ဒထမာပ သငယခငးေတြရ႔ ဘေလာ႔ဂ Address ေတြက ထည႔ျပး EOT လပေပးမယ ဆလညး ရပါတယ။ ဒေလာကဆ ျမငေလာကျပထငပါတယ။ လပစာေတြက ထည႔ျပးေတာ႔ ေနာကတစဆင႔ မသြားခငမာ Show CSS @font-family declarations ဆတ႔ Box ေလးက Tick လပေပးခ႔ပါ။

ျပးရငေတာ႔ Next ကႏပပါေတာ႔။ ခဏေစာင႔ေနပါ။ ျပးရငဒလေလး ျမငရပါလမ႔မယ။

30

အဒ႔ထက ျမငရတ႔ 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 ------------------------------ */

31

<STYLE TYPE="text/css"> @font-face { font-family: Zawgyi-One; font-style: normal; font-weight: normal; src: url(http://h1.ripway.com/yanaung/ZAWGYIO4.eot); } @font-face { font-family: Zawgyi-One; font-style: normal; font-weight: 700; src: url(http://h1.ripway.com/yanaung/ZAWGYIO3.eot); } @font-face { font-family: Zawgyi-One; font-style: oblique; font-weight: 700; src: url(http://h1.ripway.com/yanaung/ZAWGYIO2.eot); } @font-face { font-family: Zawgyi-One; font-style: oblique; font-weight: normal; src: url(http://h1.ripway.com/yanaung/ZAWGYIO1.eot); } . . . 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: လငးထက

ကၽြနေတာ တ႕ ဘေလာဂတစခကဝငလကျပဆရင ဘေရာကဇာရ ထပမာရတ လပစာ ဘားမာ ဘေလာဂါကြန ရလဂေလး

ကဒလ ေတြ႕ရမာ ျဖစပါတယ...။

32

က ဒေနရာေလး က ကယပငလဂေလး အျဖစေျပာငးခငသ မားအတြက ဘယလလပရမလဆတာ ေလး ေဝမေပးခငပါတယသၿပးသမား သၿပးျဖစေကာငးၿဖစေနမာ ျဖစေပမယ မသေသးသမား လပရမာ ခကခေနသမား အတြက ရညရြယၿပး ေဝမလကတာပါ...။ လပပလပနညးကေတာ အလြနလြယကပါတယ ကစလကၾကရေအာင...ပထမဥးဆး ဘေလာဂ ရ 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 ေလးေတြ ရပါတယ. ကယ႔စတၾကက ပေလးေတြက သမးထားႏငပါတယ.

33

Black

Blackleft.gif

Blackright.gif

Blue

Blueleft.gif

Blueright.gif

White

whiteleft.gif

whiteright.gif

34

က. ပေလးေတြ ယလကျပေနာ. ဒါဆရင စလကၾကရေအာင. အဆင႔ (၁)- 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 {

35

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 လပပါမယ.

36

ေနာကတစမကႏာမာ ေပၚလာမာကေတာ႔ ကၽြနေတာတ႔တငလကတ႔ ဖငေလးေတြရ႔ 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 >

37

ဥပမာ လပျပေပးထားတ႔ လင႔ခေလးေတြေနရာမာ ကယ႔စတၾကက လင႔ခေလးေတြ ထည႔ေပးဖ႔ေတာ႔ မေမ႔ပါန႔. ရျပဆရငေတာ႔ အဒ႔ကဒဒငးေလးေတြက ေကာပကးျပး အသင႔ျပငထားေနာ. က. ဆကလပလကၾကရေအာင. နညးလမး (၁) <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 ၾကည႔ၾကည႔ပါ.

38

က. အဆငေျပေခာေမြ႔ၾကပါေစဗာ. အဆငမေျပခ႔တာေတြ ရခ႔ရငလညး ေကာမန႔မာ ေမးျမနးႏငပါတယ. 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> အဒ႔မာ စာေၾကာငးႏစေၾကာငးရ႔ ထးျခားခကက ေလ႔လာၾကည႔လကၾကရေအာင.

39

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:

40

-------------------------------------------------------

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 လပေပးတယလ႔ ေခၚတာေပါ႔. ဒါဆရင ပထမအဆင႔ နားလညသြားျပဗာ ေနာ. အဒါက အကယခ႔ျပး ထပေျပာရရငေတာ႔ သခငးမတငမဟတပါဘး. အားလးအသးျပႏငေအာင တစစတစခက ေ၀မေတာ႔မယ ဆတာန႔ ခငဗားဟာ ဖငဟစတငး ကစၥက အနညးန႔အမား ထေတြ႔ရေတာ႔မာ ျဖစပါတယ. ဖငဟစတငး ဘယလလပလ ဆတ႔

41

အေသးစတကေတာ႔ ကၽြနေတာ ဒေနရာမာ ေဆြးေႏြးခ႔ျပးပါျပ. ေလ႔လာဖတရႈႏငပါတယ ခငဗာ. ေနာကတစဆင႔ ဆကေျပာမယ. 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>

42

အလလပလကရင ဒလေလးေပၚလာပါလမ႔မယ. ေနခငတာ မငးအနားမာ

အားလးပ အဆငေျပ ေခာေမြ႔စြာ သခငးေလးမား မေ၀ခစားႏငၾကပါေစခငဗာ…. သစဥလႈငး ဘေလာ႔ဂေလးကလညး လာေရာကအပနးေျဖဖ႔ ေႏြးေထြးစြာ ဖတမႏက ျပပါတယ. --------------------------------------------

ScrollBox ထည႔နညး

written by Yan at Wednesday, February 20, 2008 Contributor: ရနေအာင ဒတစခါေတာ႔ ကၽြနေတာတ႔ရ႔ ဘေလာ႔ဂေလးေတြ၊ ၀ကဘဆဒေလးေတြထမာ Scroll Box ေလးေတြ ထည႔နညးက ေျပာျပခငပါတယ. အရငဆး ဒါေလးက မေလ႔လာခင Scroll box ေလးေတြ ဆတာ ဘာလ. ဘယလေနရာမာ အသး၀ငႏငသလ ဆတာေလးက အရငစဥးစားၾကည႔လကၾကရေအာင.ကဗာ. ခငဗားက စာပဒအရညၾကးတစခက အကးအကားအေနန႔ ျပခငတယ. အကနလးက ရကျပလကရငလညး ခငဗားရ႔ ပ႔စက အရညၾကး ျဖစသြားမယ. အလမးဆရင ခငဗားေပးခငတ႔ မကေဆ႔ခက ေ၀၀ါးသြားမယ. ခငဗားလပခငတာက အဒ႔ အကးအကား စာပဒေလးက ထည႔ေပးထားျပး စာဖတသက ဖတခငရင Scroll Down/Up လပျပး ဖတ၊ တကယလ႔ ဓာတပေတြ အမားၾကး တငခငတယဆရငလညး ဒလ Scroll box ေလးထ ထည႔ျပး ျပထားလကရင ဓာတပ အယလဘမ တစခ ပစမးေလး ဖနတးလ႔ရမယ၊ စာဖတသက ပေတြက သလသလ၊ ၾကကသလ Scroll Down/Up လပျပး ၾကည႔. ဒါမးေပါ႔ဗာ. အဓကကေတာ႔ Space က အတတႏငဆး က႔လကျပး ေပးခငတ႔ အေၾကာငးအရာက သသာ ထငရားေအာင လပေပးတာပါပ. ဥပမာေလးက ဒမာၾကည႔ပါ.

မငးရ႔ ဆႏြယေခြေတြထမာ တစညတာေလာက အပစကခြင႔ရမယဆရင

ငကငယေတြ ၀နးရေနတ႔ သစတစပငအျဖစကေတာင စြန႔လႊတ၀႔တယ.

43

မယရင ဒမာၾကည႔စမး လြမးလြနးလ႔ ျဖစလာတ႔ မငးအတြက အခစပနး…

<ေရခငက> က. ဘယလလပရမလ ဆေတာ႔ ဒလလပပါ ခငဗာ… အခ ကၽြနေတာေပးလကမယ႔ 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 ေလးက ေလ႔လာၾကည႔ႏငပါတယ. မရငးလငးတာရရငလညး ေကာမန႔မာ ဆကသြယေမးျမနးႏငပါတယ.

အေျပာငးအလ ႏစဥးတယဥ၊ ဒအပငေအာက ပနးေၾကြေကာကစဥ၊ ရငတထတထတ

44

ဒအရပမာ၊ ခစစတေ၀ခ႔ဖးပါတယ. သစျမစဆခြ၊ ယဥထငၾကရငး ျမေခာငးေရေၾကာ၊ ပနးေၾကြေမာမ ၾကည႔ရငးၾကညႏး၊ ေခာငးနဖးမာ စတကးႏသစခ႔ဖးတယ. ခငကပစေတာ႔ ဒသစပငေအာက၊ ပနးမေကာကခင ႏြမးေျခာကေသြ႔ဆတ၊ ဒအရပမာ လြမးစတရာေထာင ေ၀ဖးတယ. ခငမၾကငေတာ႔ ညငညငေရစး၊ တမးတညညးဟန ခင႔ရယသလား၊ ၀း၀ါးထငမ ၾကည႔ေလရာရာ၊ ေ၀ဒနာႏင႔ ေရျပာအလ ကငးဖးတယ. ေဩာ… ႏစေတြၾကာလ႔ တစခါတစေခါက၊ ဒကေရာကလင တ႔ငယစဥက၊ ေႏာငမငတြယရစ အခစအလြမး၊ ဖမးစားည ႔ငင ဒသစပငကား၊ ေခာငးေရစား၍ ကမးပါးျပေနာက ပါေလျပ… ဒကျပနလင၊ ရငမခနတတ မလြမးတတေတာ႔၊ စတဓာတရင႔ကက ခစားခကတ႔၊ ပကျပယခ႔ရ အနညကျပ… ဘ၀ဆတာ… ဒါပ ခင… ေမာငစန၀ငး (ပတးကနး) ----------------------------------------------

ဘေလာ႔ဂတြင ဇယားကြကေလးမား ထည႔သြငးျခငး...

written by Yan at Sunday, January 6, 2008 Contributor: ရနေအာင အားလးပ မဂၤလာပါခငဗာ. ကၽြနေတာလညး နညးပညာေဆာငးပါးေလးေတြ မေရးျဖစတာ ၾကာပါျပ. ခမပ စတျပနလညလာလ႔ ျပနေရးျဖစေတာ႔မယဗာ. ဒတစခါေတာ႔ ဘေလာ႔ဂမာ ဇယားကြကေလးေတြ တငတာက ေျပာျပခငပါတယ. HTML နားလညျပးသားသေတြေရာ၊ သပမသေသးတ႔သေတြပါ နားလညသြားေအာင တတႏငသေလာက အရငးဆးပစန႔ ေဆြးေႏြးသြားပါမယ. Table ဆတာ ဇယားကြကေလးေတြေပါ႔ဗာ. ရငးပါတယေနာ.

45

ဇယားကြကေလးေတြက ရညရြယခကအမးမးန႔ ဥာဏရသလ အသးျပႏငၾကပါတယ. တစခ ႔က 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> <td>row 2 col 1</td><td>row 2 col 2</td><td>row 2 col 3</td> </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 တစခစက ကယစားျပသြားပါတယ.

46

ဥပမာ. ကၽြနေတာတ႔ 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> <table border= “1”> <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> <table border= “1”> <tr> <td>We</td>

47

<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> <style type="text/css">.nobrtable br { display: none }</style> <div class="nobrtable"> <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>

48

<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> <td>row 1 col 1</td><td>row 1 col 2</td><td>row 1 col 3</td> </tr> <tr> <td>row 2 col 1</td><td>row 2 col 2</td><td>row 2 col 3</td> </tr> </table> </div> </center> ဒလေလးျမငရပါမယ ခငဗာ.

ဇယား (၁)

ပငမဘေလာ႔ဂ သခငးဘေလာ႔ဂ အေထာကအကျပဘေလာ႔ဂ

ရနေအာင သစဥလႈငး Bloggers Helpdesk

ဇယား (၂)

ဒါကေတာ႔ ဇယားကြကေလးေတြရ႔ infrastructure က ပစလပျပထားတာပါ. Row ေတြ၊ Column ေတြ ဘယလ ေရတြကရတယဆတာ သေအာငေပါ႔.

Heading 1 Heading 2 Heading 3



<table border="1"> ေနရာမာ 1 အစား နပါတေလးေတြ ေျပာငးထည႔ၾကည႔ႏငပါတယ. ဒလစမးၾကည႔မယဗာ.

49

ဇယား (၁)

table border Value က နပါတ 8 ေပးထားလင ေတြ႔ရမည႔ပ...



ဇယား (၂)




ဇယား (၃)




က. Table ေလးေတြက ဆကျပး ကလလကၾကရေအာင. <style type="text/css">.nobrtable br { display: none }</style> <div class="nobrtable"> <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 ေလးေတြ ရႏငပါတယ ခငဗာ.

50

A background color:

First Row

Second Row

ဒတစခါကေတာ႔ ေနာကခပေလးေတြ ထည႔ၾကည႔ပါမယ <center> <style type="text/css">.nobrtable br { display: none }</style> <div class="nobrtable"> <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 က လး၀လကမလႊတႏငေအာငဖမးစားထားတအခကေတြပါပ။

51

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; }

52

.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 အတြက ကဒ (၂) မးခြေပးထားပါတယ။

53

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>   <script type="text/javascript"> $(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>

54

 <script type="text/javascript"> $(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>

55

<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>

56

<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 မာေရာ၊ ပ႔စေတြထမာပါ အၿပးေလးေတြက လမးဘာသာမေရြး အားလးအသးျပနငဖ႔ အလြယကဆး နညးလမးမားက ရာေဖြ တငဆကထားပါတယ။

57

နညးလမး။ ။ 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 ကကလစပါ။ၿပးလင ေအာကပါအတငး ျမငေတြ႔နငပါၿပ။

58

(၅) ဤေနာကဆးအဆငတြင ေအာကပါကဒ မားကရာ၍ အနျပထားေသာ ကဒမားက 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 ရတာ၀န ရသမားက

59

ေမးျမနးခၾကပါတယ။ အဒျပပြအတြငးမာပ 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 ဆတာ ဘာလဆတာပရငးသြားပါလမမယ။

60

အထကက ပကေတာ ကၽြနေတာတ႔ ေရာငးရငးႀကး 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 တစခက အျမနဆးန႔၊ အလကားဖနတးေပးတ ဒေနရာ ကသြားတာ အေကာငးဆးပါပ။ (ကၽြနေတာဆဒမာ အဒနညးကသးထားပါတယ။)

ပအႀကးၾကညရႈရန ပေပၚတြငကလစေပးပါ။

61

အဒေနရာကေရာကရင ညအစကေမာငႏမမား ေတြ႔ၾကတ အတငးပါပ။ ၁)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 မာ ဘာမထညမထားတ သမားအေနန႔ကေတာ ဒအဆငက လပေဆာငရနလမည မဟတပါ။)

62

(၃)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;'/>

63

</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" ကရာ၊ ေတြ႕ၿပး ဆအဒ စာေၾကာငးရ႕ ေအာကမာ ေဖာျပပါ စာေၾကာငး ၆-ေၾကာငးက ထညလကရငရပါၿပ ခငဗား...

64

@font-face { font-family: Zawgyi-One; font-style: normal; font-weight: 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" က ႏပပါ။

65

ဒါဆရင 'Get Zawgyi' Widget က ေအာငျမငစြာ ထညသြငးၿပးပါၿပ။ အားလးၿပးၿပဆရင ဒ Widget ေလးက မမဘေလာဂမာ ႀကကႏစသကရာ ေနရာမာ ထညသြငးအသးျပႏငပါတယ။ -----------------------------------------------------------------------

ဘေလာ႔ဂတြင မာတကာတပနညး

written by mmhelpdesk Contributor: ရနေအာင ဘေလာ႔ဂမာ မာတကာတပနညးေလးပါ… ဘေလာ႔ဂါေမာငႏမတ႔ရ႔ ပ႔စေလးေတြက မာတကာပစမးေလးန႔ တစေနရာ တညးမာ ေပၚေစခငရင ခလမးေလးရကေပးလကပါ. 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'>

66

 <b:if cond='data:blog.homepageUrl != data:blog.url'> <b:if cond='data:blog.pageType != "item"'> <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 cond='data:blog.pageType == "item"'> <b:if cond='data:post.dateHeader'> <h2 class='date-header'><data:post.dateHeader/></h2> </b:if> <b:else/> <b:if cond='data:blog.pageType == "archive"'> <b:if cond='data:post.dateHeader'> <h2 class='date-header'><data:post.dateHeader/></h2> </b:if> </b:if> </b:if> </b:if>    <b:if cond='data:blog.homepageUrl != data:blog.url'> <b:if cond='data:blog.pageType != "item"'> <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:include data='post' name='post'/> </b:if> <b:else/> <b:include data='post' name='post'/> </b:if>

67

<b:if cond='data:blog.pageType == "item"'> <b:if cond='data:post.allowComments'> <b:include data='post' name='comments'/> </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: ခမးျမစး ကယရ႕ ၀ကေပခထမာ အမပသရး နားေထာငဖ႔ပ မေ၀ေပးဖ႔ပျဖစျဖစ သးတ ကဒေလးပါ။ ရးရငးၿပး လပရတာလလြယပါတယ။

68

ဒါေပမ တစခရတာက သက အမပသရးေတြအတြကပ အလပလပပါတယ။ တျခား ေဖာမတေတြဆရငေတာ ေဆာရးပါ။ ဒကဒေလးက ၀ကေပခရ႕ 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 မာ ...

69

< 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 န႔ ထပထပေပးလကပါတယ။

70

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! ပ။

71

(ဂ)ေနာကထပ အေကာငးဆး 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 ေတြကလညး အေတာက တတကက ျဖစေအာငရာေဖြေပးထားတာက ေတြ႔ရတယဗ။ ကၽြနေတာက ကၽြနေတာ ဘေလာဂ၊ လငခတြထားတ ဘေလာဂေတြ၊ ဆဒေတြ ႏင ေနာကဆး အငတာနက

72

ဆၿပး ရာေဖြဖ႔ 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 " ဆတာက ထပကလစပါ။

73

ေအာကပါအတငးေပၚလာလင မမထညလေသာ Widget အမးအစားကေရြးပါ။ အခ ကၽြနေတာတ႔က Search Box ထညမာျဖစတ အတြက ၎ကေရြးခယပါမယ။ Add to Blog က ကလစပါ။

ေအာကပါအတငး ၀ငးဒး အသစတစခတကလာၿပး Configure Search Box လ႔ေပၚလာရင မမရာေဖြေစလတ ေနရာေတြက Tick လပေပးပါ။ မရာေစခငတေနရာက ခနခလ႔ရပါတယ။ အားလးၿပးၿပဆတာန႔ "Save Change" ကကလစပါ။

အထကပါအဆငၿပးသြားတာန႔ မမဘေလာဂ က View Blog ကေနတဆင New Tab န႔ဖြငၿပးၾကညပါ။ မမ Widget က ေနရာအေျပာငးအေရြ႔လပခငတယဆရင ေစာေစာက Page Element စာမကႏာကျပနသြားၿပး ထညထားတ Widget ေပၚမာကလစလပကာ Drag and Drop လပျခငးျဖင အလြယတစက ေျပာငးေရြ႔လ႔ရပါတယ။ အားလးစတႀကက ျဖစၿပဆရင ေအာကက ျပထားတေနရာမာ "Save" က ကလစလပျခငးျဖင ၿပးဆးပါၿပ။

74

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 တေျဖးေျဖး တတလာမာ ျဖစပါတယ။

75

(၃) ေနာကအဆငေတြ ဆကသြားမယဆရင 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] ။

76

(၃.၂) ဒတယနညး 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] ။

77

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 ေတြက အလငးသငသလ တငေျပေပးသြားမယ။

--------------------------

78

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.....>ဆေသာစာေၾကာငးက ကးစရာမလပါ။

79

အဆင(၃)။အထကပါအဆငမားအားလးၿပးဆးပါက ဒေနရာ မာ 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 ေတြျဖစတ

80

အတြက မမစတႀကက ၿပျပငဖကသမး လပနငမာျဖစပါတယ။ ဒါကေတာ ပမန 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-family: Zawgyi-One; font-style: normal; font-weight: normal; src: url(http://ဒေနရာမာ သငရ Eot ေဖာငထ လပစာထညရပါမယ။); } ------------------------------------------------------

Template Width ခ ႔နညး

written by mmhelpdesk at Sunday, August 19, 2007 Contributor: ေ၀ယလငး ဒပ႔စေလးက ျမနမာဘေလာ႔ဂါဖရမ ကေန ယလာခ႔ပါတယ တနးပလတက width change ခငတယဆရငေတာ ပထမဆးတနးပလတ ကဒေတြကၾကညလကပါ။ ၿပးရငေအာကမာျပထားတကဒေတြကရာပါ။

81

#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; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } #main-wrapper ကပ႔စအတြက 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; 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: 250px; float: right; 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 */ }

82

အဒဂဏနးေတြကေျပာငးလကပါ။ ၿပးရင #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 type="text/css">  </style> </head> <body>

83

<div id='container'> <div id='header'> </div> <div id='main'> </div> <div id='sidebar1'> </div> <div id='sidebar2'> </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='container'> <div id='header'> </div> <div id='main'> </div> <div id='sidebar1'> </div> <div id='sidebar2'> </div> <div id='footer'> </div> </div> </body> </html> ဒေနရာမာ

<style type="text/css">  </style> အစား

84

<b:skin><![CDATA[/* */  ]]></b:skin> ဆတာက အစားထးလကတာ သတထားပါ။ ခဆရင XML New Blogger Template ျဖစသြားပါၿပ။ ဒါေပမယ ဘာမမရေသးပါဘး။ ဒတနးပလတထက Blogger Widgets ေလးေတြ ထညလကရေအာင။ <body> န႔ </body> ၾကားမာ ေအာကက ကဒေတြက ထညလကပါ။

 <div id='container'>  <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 ဒဇငးမား

85

written by mmhelpdesk Contributor: ရနေအာင 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 ေကာငးေကာငးေလးမား ရခ႔ရငလညး အားလးအကးေကးဇးမားေစဖ႔အတြက ဒပ႔စေလးရ႔ေအာကမာ လာေရာကျပး မေ၀ေပးဖ႔ ေမတာရပခ ပနၾကားအပပါတယ ခငဗာ. ------------------------------

blog help desk book

Documents