blog help desk book

164
1 www.mgsaytanar.blogspot.com www.mgsaytanar.blogspot.com www.mgsaytanar.blogspot.com www.mgsaytanar.blogspot.com ဘေလာ့အခက္အလက္ စာအုပ္ ဘေလာ့အခက္အလက္ စာအုပ္ ဘေလာ့အခက္အလက္ စာအုပ္ ဘေလာ့အခက္အလက္ စာအုပ္ www.mmbloggershelpdesk.blogspot.com www.mmbloggershelpdesk.blogspot.com www.mmbloggershelpdesk.blogspot.com www.mmbloggershelpdesk.blogspot.com မွ ကူးယူျပစုသည္။ မွ ကူးယူျပစုသည္။ မွ ကူးယူျပစုသည္။ မွ ကူးယူျပစုသည္။ ပစုသူ ျပစုသူ ျပစုသူ ျပစုသူ - ေမာင္ေစတနာ ေမာင္ေစတနာ ေမာင္ေစတနာ ေမာင္ေစတနာ

Upload: hrmglobal

Post on 27-Oct-2015

48 views

Category:

Documents


12 download

DESCRIPTION

block help

TRANSCRIPT

Page 1: Blog Help Desk Book

1

www.mgsaytanar.blogspot.comwww.mgsaytanar.blogspot.comwww.mgsaytanar.blogspot.comwww.mgsaytanar.blogspot.com

ဘေလာအခကအလက စာအပဘေလာအခကအလက စာအပဘေလာအခကအလက စာအပဘေလာအခကအလက စာအပ

www.mmbloggershelpdesk.blogspot.comwww.mmbloggershelpdesk.blogspot.comwww.mmbloggershelpdesk.blogspot.comwww.mmbloggershelpdesk.blogspot.com

မ ကးယျပစသည။မ ကးယျပစသည။မ ကးယျပစသည။မ ကးယျပစသည။

ျပစသျပစသျပစသျပစသ ---- ေမာငေစတနာ ေမာငေစတနာ ေမာငေစတနာ ေမာငေစတနာ

Page 2: Blog Help Desk Book

2

Alert Message BoxAlert Message BoxAlert Message BoxAlert Message Box ေလးမားလပနညး ေလးမားလပနညး ေလးမားလပနညး ေလးမားလပနညး

written by Yan at Thursday, April 17, 2008

Contributor: ရနေအာင

အားလးပ မဂၤလာပါခငဗာ… ဒတစခါေတာ႔ အသစအဆနးေလးတစခ ေတြ႔ရလ႔ ျပနလည ေ၀မခငပါတယ. ဘာလဆေတာ႔ Alert Message Box ေလးေတြ လပနညးပါ. ကယ႔ဘေလာ႔ဂ (သ႔) ၀ကဘဆကထက ၀ငလာတ႔ စာဖတသက Message Box ေလးန႔ ၾကဆတာပျဖစေစ၊ သေစခငတ႔ ေၾကျငာခကေလးေတြက Highlight လပျပတာပ ျဖစေစျဖစေစ၊ သတေပးေၾကျငာခငတာေလးေတြက ေျပာျပခငတာပ ျဖစေစေပါ႔ အလရသလ အသးခႏငပါတယ. Message Box ေလးေတြက လပနညး အမးမးရတ႔ အထက အဆငေျပဆး နညးလမးေလးက ေရြးခယျပး ျပနလညေဆြးေႏြးထားျခငးသာ ျဖစပါတယ. က. စလကၾကရေအာငလားဗာ… Alert Box with OK ButtonAlert Box with OK ButtonAlert Box with OK ButtonAlert 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 လပထားခ႔ရင ျပနဖြင႔ေအာင သတေပးထားတာပါ.

Page 3: Blog Help Desk Book

3

ျမနမာလ ေပၚေစခငတယဆရငေတာ႔ 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> ဒါမးေလးေပၚလာမာ ျဖစပါတယ.

Alert Box with Confirmation ButtonAlert Box with Confirmation ButtonAlert Box with Confirmation ButtonAlert 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>

Page 4: Blog Help Desk Book

4

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

ဒေလာကပါပ… သပေတာ႔ အခကအခမရလဘးလ႔ ထငပါတယ. က. ေကာငးကးဆးကးေလးေတြ ဆကေဆြးေႏြးၾကည႔လကၾကရေအာငလားဗာ.. ဒလ Message Box ေလးေတြ လပထားတာဟာ ကယ႔ရ႔ ဘေလာ႔ဂ (၀ါ) ၀ကဘဆကအတြက လအပမသာ လပသင႔ပါတယ. ဘာလ႔လဆေတာ႔ အဒ႔ Message Box ေလးေတြဟာ System Dialog Windows ေလးေတြ

Page 5: Blog Help Desk Book

5

ျဖစေနလ႔ပါပ. ဆလတာက ဒ 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 Back Up Back Up Back Up လပနညးလပနညးလပနညးလပနညး

written by mmhelpdesk at Friday, August 17, 2007 Contributor: ဘရင႔ေနာင အခနကနခ၊ အပငပနးခ၊ ခါးေညာငးခ တငထား ေရးထားတ႕ မမရ႕ ပ႕စေတြက backup လပထားခငသမား ေအာကပါနညးေတြအတငးလပလ႕ ရေၾကာငးရာေတြ႕တာေလး ၿပနလညမေ၀ လကပါတယ။ သၿပးသား လညးၿဖစ ခငၿဖစမာပါ။ http://blogname.blogspot.com/search?maxhttp://blogname.blogspot.com/search?maxhttp://blogname.blogspot.com/search?maxhttp://blogname.blogspot.com/search?max----results=1000results=1000results=1000results=1000

Page 6: Blog Help Desk Book

6

blogname ေနရာမာ မမဘေလာဂ႔ နာမညကရကပါ။ ပ႕စ ၁၀၀၀ ထကနညးရင save လပလ႕ရ တယလ႕ ဆထားပါ တယ။ တစေထာင ထက ေကာရငေတာ႕ မေၿပာတကဘး။ အေပၚက လပစာအတငး ရကထည႔လကရင သငေရးခ႕သမ ပ႕စအားလးေပၚလာပါလမ႕မယ။ ပထမ ဥးစြာ ပေတြက သးသန႕ save လပဖ႕ firefox extension တခၿဖစတ႕ DownThemAll ကသးၿပး ပေတြက download လပယနငပါတယ။ မမဖတခငတ႕ ဘေလာ႕ဂါတစေယာကရ႕ ေရးခ႕သမ ပ႕စေတြက တစခါတညး ဖတခငရငလညး အေပၚက လင႕ခမာ မမဖတမယ႔ ဘေလာ႕ဂါရ႕ လပစာကေၿပာငး ထည႕လကပါ။ ေနာကတစဆင႕က ေရးထားတ႕ ပ႕စေတြက စာေတြက သးသန႕ save ဖ႕ ေအာကက လင႕ခက သြားပါ။ http://blogname.blogspot.com/feeds/pohttp://blogname.blogspot.com/feeds/pohttp://blogname.blogspot.com/feeds/pohttp://blogname.blogspot.com/feeds/posts/default?maxsts/default?maxsts/default?maxsts/default?max----results=1000results=1000results=1000results=1000 XML feed ပါပ။ ပ႕စက စာေတြပ သးသန႕ေပၚလာတာက save page as(Ctrl+S) လပလကရပါပ။ comments ေတြက သမးဖ႕ http://blogname.blogspot.com/feeds/comments/default?maxhttp://blogname.blogspot.com/feeds/comments/default?maxhttp://blogname.blogspot.com/feeds/comments/default?maxhttp://blogname.blogspot.com/feeds/comments/default?max----results=1000 results=1000 results=1000 results=1000 ၿဖစပါတယ။ -------------------------

File Hosting File Hosting File Hosting 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 တစခ ထပဖြင႔ရပေပါ႔ဗာ. အဓကက ပကဆ မေပးရရင ျပးေရာ မဟတလား. ဟတဟတ

Page 7: Blog Help Desk Book

7

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

Page 8: Blog Help Desk Book

8

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

Page 9: Blog Help Desk Book

9

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

အဒ႔ထကမ Upload files ဆတာက ေရြးပါမယခငဗာ. ေအာကကပစအတငးေလး ေပၚလာပါလမ႔မယ

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

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

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

Page 10: Blog Help Desk Book

10

ေနာကတစမကႏာမာ ဒလျမငရပါမယ.

ညာဖကနား ခပကကေလးက ဒပေလးက ၾကည႔ပါ. အဒ႔မာ file ေတြက Upload လပရမာပါပ.

Browse လပျပး တငမယ႔ file က ေရြးပါ. Googlepages က အလလပ တငေပးသြားပါလမ႔မယ. ျပးသြားရင ဖငရ႔ URL က ယရပါမယ. ကယတငလကတ႔ ဖငေလးရ႔ အေပၚမာ right click ေလး ေခါကလကပါ. ျပးရင copy link location က ေရြးလကပါ. အဒါ သ႔ရ႔ URL ပါပ. တစျခားေသာ file hosting site မားမာလညး ဒပစဆငဆငေလးေတြပါပ. စမးသးၾကည႔ၾကပါလ႔ တကတြနးပါတယ. အားလးပ အဆငေျပေခာေမြ႔ၾကပါေစ.. -------------------------------------------

Cbox Cbox Cbox Cbox မာ ေနာကခပေလးေတြ ထည႔ခငရငမာ ေနာကခပေလးေတြ ထည႔ခငရငမာ ေနာကခပေလးေတြ ထည႔ခငရငမာ ေနာကခပေလးေတြ ထည႔ခငရင…………

written by mmhelpdesk at Friday, August 17, 2007 Contributor: ရနေအာင ကၽြနေတာ႔ရ႔ ဆဗးမာ ေနာကခပေလးထည႔ထားတာက ဘယလလပရလ သခငေနသမားအတြက ဒပ႔စေလးက ဆကေရးျဖစပါတယ… တကယေတာ႔ကၽြနေတာ ကဖးခမး ရ႔ ဘေလာ႔ဂမာ ဒါေလးက စေတြ႔တာပါ. က. ဘယလလပရလဆေတာ႔ ဂလလပရပါတယခငဗာ…. အဆင႔ (၁)

Page 11: Blog Help Desk Book

11

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 BackgroundFor Message BackgroundFor Message BackgroundFor Message Background #cboxmain{ background:url(your image url) no-repeat; } For Form BackgroundFor Form BackgroundFor Form BackgroundFor 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"

Page 12: Blog Help Desk Book

12

default="normal bold 135% 'Zawgyi-One', Georgia, Times New Roman, Tahoma, Arial, sans-serif"> */ /*For Cbox ------------------------------ */ #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 Cbox Cbox Cbox အေၾကာငး သေကာငးစရာေလးမားအေၾကာငး သေကာငးစရာေလးမားအေၾကာငး သေကာငးစရာေလးမားအေၾကာငး သေကာငးစရာေလးမား

written by mmhelpdesk

Page 13: Blog Help Desk Book

13

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 လပလ႔ ရပါတယ။ Width ေတြ Height ေတြလညး ေျပာငးလ႔ရပါတယ။ Default ေပးထားတ႔ Width က ေတာေတာကဥးပါတယ။ ၁၆၀ ပ ေပးထားပါတယ။ ၂၀၀ (သ႔) ၂၂၀ ေလာက ေျပာငး ၾကည႔လကပါ။ ဒါဆရင ကယ႔ရ႔ Cbox မာ စာေတြ ေကာငးေကာငးျမငရတ႔ အဆင႔ထ ေရာကသြားပါလမ႔မယ။ စတၾကကေျပာငးယပါ။ ကယ႔ရ႔ Template က ေပးထားတ႔ Column Width န႔ ကကညေအာင ေျပာငးယပါ။

Page 14: Blog Help Desk Book

14

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

Page 15: Blog Help Desk Book

15

အဒ႔ေနရာမာ ကယ႔ 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 လကလ႔ ရပါတယ။ ဘယေနရာကေန စာလာရကတယဆတာက

Page 16: Blog Help Desk Book

16

သႏငတာေပါ႔။ ကၽြနေတာသးတ႔ IP Tracking Tool ကေတာ႔ IP Hacker ပါ။ Cbox အေၾကာငးကေတာ႔ ဒမာ ျပးပါျပ။ ကယ႔ရ႔ဘေလာ႔ဂမာ Cbox တငဖ႔အတြက Quick Setup က ျပနသြားပါ။ သေပးထားတ႔ Codes ေတြက ကးယပါ။

ျပးရင Blogger ထက Sign in ၀ငျပးေတာ႔ Template>Add Page Element မာ HTML/JavaScript က ေရြးလကပါ။ ျပးရင ကးယလာတ႔ Code ေလးေတြ က ထည႔ေပးလကရပါပ။

Add a Page Element ကႏပလကလင ျမငရမည႔ပ

Page 17: Blog Help Desk Book

17

အားလး အဆငေျပ ေခာေမြ႔ၾကပါေစ ခငဗာ။ မရငးတာရရငလညး Comments ထမာ ၀ငေရာက ေမးျမနးႏငပါတယ။ မတခက။ ၁. Cbox တြင အေကာငးအဆးေရာေနသည။ Cbox ထည႔ထားျခငးေၾကာင႔ မတေဆြမားတးပြားလာႏငသက႔သ႔ အမညမေဖာဘ ၀ငေရာကေႏာင႔ယက တတသမားေၾကာင႔လညး စတအေႏာင႔အယက ျဖစရတတပါသည။ ၂. Blogger အသစမားအေနျဖင႔ Cbox ရထားျခငးသည မမဘေလာ႔ဂအတြက လာလညသမားထမ အၾကဥာဏေကာငးမား ပမ၍ ရလာေစႏငပါသည။ မတေဆြ မားလညး ပမတးပြားလာေစႏငပါသည။ ၃. Cbox မရေသာ ဘေလာ႔ဂသ႔ ၀ငလင မရငးႏးေသးေသာ သစမးအမသ႔ အလညသြား ရသညႏင႔ တပါသည။ ထ႔ျပင မမအား ေအးစကစကႏင႔ ဆကဆေနသက႔သ႔ ခစားရပါသည။ (ဤကား စာေရးသ၏ အာေဘာပင ျဖစ၏…) ------------------------------------------------------------

Peekaboo CommentsPeekaboo CommentsPeekaboo CommentsPeekaboo Comments ေလးမား လပၾကမယ ေလးမား လပၾကမယ ေလးမား လပၾကမယ ေလးမား လပၾကမယ............

written by Yan at Thursday, October 18, 2007

Page 18: Blog Help Desk Book

18

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 မလပခ႔တ႔ ျပနာေၾကာင႔ပါပ. (၃) </head> ဆတ႔ Tag ေလးမဆးခငမာ ဒ Coding ေလးေတြက ထည႔ေပးလကပါ

Page 19: Blog Help Desk Book

19

<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&amp;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'> <!-- posts --> ေတြ႔ရင ဆကဖတၾကည႔ပါ. ဒလမး Coding ေလးေတြ ေရးထားတာ ေတြ႔ရပါလမ႔မယ.

Page 20: Blog Help Desk Book

20

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

Page 21: Blog Help Desk Book

21

expr:onclick='"peekaboo_comments_display(&quot;" + data:f.url + "&quot;,&quot;commentsul" + data:post.id + "&quot;,&quot;&quot;,&quot;" + data:post.url + "#comments&quot;,&quot;max comments&quot;);toggleitem(&quot;comments" + data:post.id + "&quot;);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(&quot;comments" + data:post.id + "&quot;);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> Max comments ဆျပး အနေရာငေလးန႔ ေရးထားတ႔ ေနရာမာ ကယၾကကသလ Edit လပလ႔ရပါတယ. ဥပမာ. ေကာမန႔ေတြက အမားဆး (၅) ခပ ေပၚေစခငရင 5 လ႔ရကထည႔ေပးရမာပါ. အလမဟတဘ ရသမ၊ ေရးေပးထားသမ ေကာမန႔ေတြ ေပၚေစခငရငေတာ႔ max comments ေနရာမာ false လ႔ ရကေပးပါခငဗာ. (၈) Template က Save လပလ႔ရပါျပ. (၉) Enjoy!!!! Acknowledgement: ဒေနရာက ပ႔စေလးက သင႔ေတာသလ ဘာသာျပနဆ ေရးသားပါတယ… ---------------------------------------

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

written by mmhelpdesk at Friday, August 17, 2007 Contributor: ရနေအာင

Page 22: Blog Help Desk Book

22

ကၽြနေတာ႔ရ႔ ဘေလာ႔ဂမာ ပ႔စေလးေတြက မတဆကေလးတငျပးေတာ႔ ကနတာေတြက ဆကဖတႏငေအာင 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 ျပးရင File hosting site တစခခမာ သြားတငပါ. ျပးသြားရငေတာ႔ < script src='http://yanaung.prospect.googlepages.com/myhacko.js' type='text/javascript'></script> ဆတ႔ေနရာမာ ဒလအစားသြငးေပးလကပါ. <script src='Your URL' type='text/javascript'></script>

Page 23: Blog Help Desk Book

23

အေပၚက 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'> <p><a expr:onclick='"javascript:showFull(\"post-" + data:post.id + "\");"'

Page 24: Blog Help Desk Book

24

href='javascript:void(0);'>Read More...</a></p> </span> <span id='hidelink' style='display:none'> <p><a expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>Collapse...</a></p> </span> <script type='text/javascript'> checkFull("post-" + "<data:post.id/>"); </script> </b:if> <div style='clear: both;'/> <!-- clear for photos floats --> </div> .... 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 လ႔ လပထားတယဗ...

Page 25: Blog Help Desk Book

25

မတခက။ ။ ဒပ႔စေလးက အဆငေျပေအာင ဘာသာျပနေပးထားပါတယ. ဒပ႔စေခါကတာက လပတာ ၁၀ မနစထကပမၾကာပါဘး ခငဗာ. စတရညရညထားျပး step by step လပသြားပါ. ေအာငျမငၾကပါေစ… ----------------------------------

Peekaboo Sidebar Peekaboo Sidebar Peekaboo Sidebar 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) {

Page 26: Blog Help Desk Book

26

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

Page 27: Blog Help Desk Book

27

</ul> </div> ဒါပါပခငဗာ. +/- Zawgyi ရယရန ဆတာက အရးရငးဆးလပထားတာပါ. Graphic ကၽြမးကငသမားကေတာ႔ ပေလးေတြ အစားထးျပး ပလေအာငဖနတးယႏငပါတယ ခငဗာ.. အားလးပ ေပာရႊငခမးေျမ႔စြာ ဘေလာ႔ဂငးႏငၾကပါေစ… ဒေနရာက ပ႔စေလးက သင႔ေတာသလ ဘာသာျပနပါတယခငဗာ. ---------------------------------

Peekaboo Navigation Bar Peekaboo Navigation Bar Peekaboo Navigation Bar Peekaboo Navigation Bar လပျခငးလပျခငးလပျခငးလပျခငး

written by mmhelpdesk at Friday, August 17, 2007 Contributor: ဘရင႔ေနာင ဘေလာ႔ဂါ ေတာေတာမားမားက ပ႔စလညးေရးၾကတယ. ကယ႔ဘေလာ႔ဂေလး ကလညး လသညထကလေအာင ျပျပငမြမးမ တတၾကပါတယ. အဒ႔မာ ဘာတစခက လာအရပဆးေစလ ဆေတာ႔ ဘေလာ႔ဂရ႔ အေပၚဆးမာ ရေနတ႔ Blogger Navigation Bar ၾကးပါ. ကက.. ဒေလာကဆ သေဘာေပါကေရာေပါ႔. ဒ Bar ၾကးက ေဖာကခငတယေနာ. ဟတ. တစခ ႔က အျပးေဖာကထားၾကတယ. အဒါက ဘာမေကာငးဘးလဆေတာ႔ ကယကယတင Sign in ၀ငခငရင https://www.blogger.com/start က ျပနသြားေနရေရာ. အလပရႈပတာေပါ႔ဗာ. ဘာလပမလ. ေဖာကထားမယ. Mouse ေလးတငလကမ ေပၚလာမယ. ဒါမးေလး လပရင မေကာငးဘးလား.. အး. ဂြတဒ.. ဘယလလပရမလ ဆေတာ႔ ဂလလပပါခငဗာ..

Page 28: Blog Help Desk Book

28

/*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;

Page 29: Blog Help Desk Book

29

color:#000000; font-size/* */:/**/small; font-size: /**/small; } The rest of the template goes here…. မတခက။ ။ Firefox မာပ အလပလပပါတယခငဗာ... ---------------------------------------------

ေနာကဆး ေရးထားတ ေနာကဆး ေရးထားတ ေနာကဆး ေရးထားတ ေနာကဆး ေရးထားတ Comment Comment Comment Comment မားက မားက မားက မားက side bar side bar side bar 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 ေနာကတစခ ေျပာငးသြားပါလမမယ...

Page 30: Blog Help Desk Book

30

Title ဆတ ေနရာမာ Recent Comments or Latest Comments or ကယႀကကတ စာသား ႐ကထညပါ... show ေနရာမာ ကေတာတ႔ ေပၚေစခငတ comment အေရအတြကက ေရြးေပးရမာ ျဖစပါတယ... Item dates ဆတာက comment ေပးထားတ ရကစြ ေဖာျပခငရင သးပါတယ... Item sources/authors ရ႕ ေရ႕မာ အမနျခစေပၚေအာင လပထားမယဆရငေတာ comment ေပးထားခသ နာမည(nick) က ေဖာျပေပးမာျဖစပါတယ... ၿပးၿပ ဆရငေတာ SAVE CHANGES က click လပလကပါ... ပထမဆးပက ေနရာ ျပနေရာကသြားရင SAVE button က ႏပလ႔ရရင ႏပလကပါ... ၿပးရင ကယဘေလာက ျပနၾကညပါ...

ကေတာ ဘေလာမာေတာ အေပၚက အတငး ျမငေနရပါတယ... Saturngod ေရးတ Comment ေတြက RSS န႕ၾကညမယ... ဆတ post က ဖတၿပး စမးလပၾကညရငး ရလာတာပါ... ---------------------------------

Blogspot Blogspot Blogspot Blogspot အားလးအတြက အားလးအတြက အားလးအတြက အားလးအတြက EOT EOT EOT EOT လာျပလာျပလာျပလာျပ............

written by Yan at Sunday, December 9, 2007

Contributor: ရနေအာင

Page 31: Blog Help Desk Book

31

ခတေလာ ဘေလာ႔ဂေလာကၾကးထမာ 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

Page 32: Blog Help Desk Book

32

ေလးေတြက ထည႔ေပးပါ. (၂) 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 -------------------------------------- */ ဆျပး ေနရာေလးေပးလ႔ ခေရးေပးလကတ႔ စာေၾကာငးေလးေတြက ကးထည႔လကမယဆရင လအပလ႔ ျပနရာရငလညး အလြယတကေတြ႔ႏငမာ ျဖစပါတယ. စနစလညး ကမာ ျဖစပါတယ. က. 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); }

Page 33: Blog Help Desk Book

33

@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 လပနညးေလးေတြက ရငးျပထားတာပါ.

Page 34: Blog Help Desk Book

34

ျပးမ ဆကဖတပါ. က. ဖငေလးဖငေပးျပေနာ. ယပါေတာ႔ (၁) EOT_Zawgyi1.eot (၂) EOT_Zawgyi2.eot (၃) EOT_Zawgyi3.eot (၄) EOT_Zawgyi4.eot ရျပလား ဘာလပရမလဆေတာ႔ ကယ႔ရ႔ 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); }

Page 35: Blog Help Desk Book

35

@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 src: url(Your_Zawgyi3_File.eot); သေဘာေပါကပါျပေနာ.. အလေလးျပငေပးလကရင သငကယတငပငဆငတ႔ EOT Coding ေလးေတြက ရလာပါလမ႔မယခငဗာ. တစခေတာ႔ သတထားပါေနာ. ဖငနာမညေတြ မေရာပါေစန႔. Zawgyi1 ေနရာမာ Zawgyi1 file ျဖစေနပါေစ. Zawgyi4 ဆရငလညး ကၽြနေတာေပးထားတ႔ Zawgyi4 File ပ ျဖစေနပါေစ.. က. ဒေလာကပါပ. အားလး အဆငေျပၾကပါေစဗာ.

Page 36: Blog Help Desk Book

36

အားလးက ခစခငေလးစားလက ရနေအာင Read More...

Posted in EOT » 1 comments »

အလြယကဆး အလြယကဆး အလြယကဆး အလြယကဆး EOT EOT EOT 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 အတြကပါ... စမးၾကညပါဥး... Read More...

Posted in EOT, Hacks » 4 comments »

EOT EOT EOT EOT လပျခငးလပျခငးလပျခငးလပျခငး

written by mmhelpdesk Contributor: ရနေအာင

Page 37: Blog Help Desk Book

37

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. အေသးစတက ဒမာ ဖတပါ။ မရငးရညရြယခကကေတာ႔ ကယတငျပထားတ႔ ဒဇငးေဖာင႔ပစေတြက ၾကည႔ရႈသရ႔ စကထမာ Download လပထားစရာမလဘ ဒတငးဖတရႈႏငေအာင လပထားတ႔ နညးပညာပါပ။ ဒေနရာမာ Sample Font ေလးေတြက ၾကည႔ၾကည႔ပါ။ အဒ႔ေဖာင႔ေတြ ကၽြနေတာတ႔စကထမာ ထည႔မထားေပမယ႔ စာေရးသျမငေစခငတ႔အတငး ကၽြနေတာတ႔ ျမငေနရပါတယ။ အဒါ EOT ပါပ။ ဥပမာေဖာင႔႔ေလးေတြက ဒမာ ေလ႔လာႏငပါတယ။ ကၽြနေတာတ႔ ဘေလာ႔ဂေတြေရးေတာ႔ ေဇာဂေဖာင႔က သးၾကတယ။ ေရးသအတြက ဘာမျပနာမရေပမယ႔ ဖတသမာ ေဖာင႔မရရင ကးယေနရတာ သ႔အတြက အခန ကနပါတယ။ ကရကထမားပါတယ။ ျပးေတာ႔ စကေနာကတစလး ေျပာငးသး တာပျဖစျဖစ၊ ေနာကတစေနရာရာက သြားလ႔ အဒ႔ေနရာက စကက သးတာပျဖစျဖစ ေဖာင႔က တစခါထပျပး Download လပရျပနေရာ။ တစခ ႔ Network ေတြက စကေတြ (ေကာငး၊ရး) မာ ဆရင Download လပရတာ အဆငမေျပတာ ေလးေတြပါ ရတတ ပါတယ။ ဘာကမ Download ေပးမလပေအာင လပထားတာမး ေလးေတြလညး ရတတပါတယ။ ဒါေၾကာင႔ ဘာျဖစလ႔ EOT လပသင႔သလ ဆရင ဖတရႈသအဆငေျပ ေစလတ႔ ေစတနာေၾကာင႔ပါပလ႔ ေျဖရပါမယ။ က.စလကၾကရေအာငလားဗာ. ပထမဥးဆး Microsoft က ထတလပထားတ႔ WEFT ဆတ႔ Software က Download လပရပါမယ။ ဒေနရာမာ Download လပပါ။ .EXE File က Run ျပး Install လပပါ။ Program က စျပးေတာ႔ မ run ခငမာ EOT အတြက Web Page ေလး တစခ အၾကမး ဖငး

Page 38: Blog Help Desk Book

38

တညေဆာကပါမယ။ နာမညကလညး လြယကစြာပ 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

Page 39: Blog Help Desk Book

39

လပေပးဖ႔လပါတယ။ ပထမဥးဆးအၾကမ Run ရငေျပာတာပါ။ ကၽြနေတာ႔တနး က အၾကမၾကမ Run ေပမယ႔ Font မေပၚလာတ႔ ျပနာ ၾကခ႔ရပါတယ။ ကၽြနေတာ ေျမစမးခရမးပး ခ႔ရတ႔ အရငးအႏးတစခပါပဗာ။ ဘယလ update လပရလ ဆေတာ႔ Menu Bar ထက Tools က သြားပါ။ ျပးေတာ႔ Update Font DB ဆတာက ေရြးလကပါ။ ပမာ ျပထားတာက ၾကည႔ပါခငဗာ။

Font Update လပျပးသြားရငေတာ႔ စလ႔ရပါျပ။ New က ေရြးပါ။ ဒပစေလး ေပၚလာပါ လမ႔မယ။

ေနာကတစဆင႔အေနန႔ EOT လပမယ႔ File က Add လပပါမယ။ Connection ျမနတ႔ ေနရာေတြကဆရငေတာ႔ ကယ႔ရ႔ Website URL က တစခါတညး ေကာကထည႔လကရ ပါပ။ ကၽြနေတာ အဒ႔အတငးလညး စမးၾကည႔ဖးပါတယ။ အလပလပပါတယ။ ဒါေပမယ႔ အခနအရမးၾကာပါတယ။ သက ေနာကဆးတငထားတ႔

Page 40: Blog Help Desk Book

40

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

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

Page 41: Blog Help Desk Book

41

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

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

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

Page 42: Blog Help Desk Book

42

Box ေလးက Tick လပေပးခ႔ပါ။

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

အဒ႔ထက ျမငရတ႔ CSS Code ေလးေတြက ကးယျပး Word ထမာ Save လပထားလကပါ။ WEFT Program က Next ေတြ ဆကႏပသြားလကပါ။ Finish ဆတာက ေရာကသြားရင အားလး ျပးတ႔ အဆင႔ပါပ။ ျပးသြားရငေတာ႔ Desktop ေပၚမာ လမးၾကည႔လကပါဥး။ EOT အတြက ဖင ၄ ဖင ေရာကေနတာက ဒလေတြ႔ရပါလမ႔မယ။

Page 43: Blog Help Desk Book

43

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

Page 44: Blog Help Desk Book

44

. <Variable name="postTitleFont" description="Post Title Font" type="font" default="normal bold 135% 'Zawgyi-One', Georgia, Times New Roman, Tahoma, Arial, sans-serif"> */ /* EOT ------------------------------ */ <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); } . . .

Page 45: Blog Help Desk Book

45

Template က Save လပလကပါ။ ဒါဆ EOT လပနညးျပးပါျပ။ မတခက ၁. EOT သည IE Browser အတြကသာ ျဖစသည။ Firefox အတြကဆလင Font Download လပရန လျမလေနပါေသးသည။ ၂. EOT လပရာတြင ေနာကထပျဖည႔စြကေသာ Blog Address မားအတြက လပစာရကထည႔ေပးရျဖင႔ EOT ျဖစမသြားပါ။ အသစထြကလာေသာ Zawgyi Font File မားက Hosting Site သ႔ ျပနတငခါ URL ေနရာတြင ယခငနညးအတငး ျပနလည အစားသြငးရမည႔ အဆင႔က လပရနလျမလပါေသးသည။ --------------------------------------

Address Address Address Address ဘားမာ လဂေလးေတြထညမယဘားမာ လဂေလးေတြထညမယဘားမာ လဂေလးေတြထညမယဘားမာ လဂေလးေတြထညမယ

written by mmhelpdesk at Saturday, June 7, 2008

Contributor: လငးထက

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

ရလဂေလး ကဒလ ေတြ႕ရမာ ျဖစပါတယ...။ က ဒေနရာေလး က ကယပငလဂေလး အျဖစေျပာငးခငသ မားအတြက ဘယလလပရမလဆတာ ေလး ေဝမေပးခငပါတယသၿပးသမား သၿပးျဖစေကာငးၿဖစေနမာ ျဖစေပမယ မသေသးသမား လပရမာ ခကခေနသမား အတြက ရညရြယၿပး ေဝမလကတာပါ...။ လပပလပနညးကေတာ အလြနလြယကပါတယ ကစလကၾကရေအာင... ပထမဥးဆး ဘေလာဂ ရ Layout ကဝငလကပါ.. ၿပးရငေတာ Edit HTML ထကထပဝငလကပါ... အဒမာ ကဒေတြထက

<head> ဆတကဒေလးရ ေနာကမာဒကဒကထညလကပါ...

Page 46: Blog Help Desk Book

46

<link href='http://www.fos.su.se/~arnold/travel/asia2001/myanmar_flag.gif' rel='shortcut icon'/> ဒကဒမာထညထားတ လဂေလး ရလပစာ အတငးထညလက ရငေတာ ကၽြနေတာ လဂပစေလး ျဖစတ ျမနမာ နငငအလေလး ဟာ လပစာ ဘားမာ တလလ လြငေနမာ ျဖစပါတယ .. မမတ႕နစသကသလ လဂေလးမား ပေလးမား လပျပး ဝဘဆက တစခခမာ upload လပျပး ရလာတ url လပစာက အျပာေရာငျပထားတ ေနရာမာ အစားသြငးလကျခငးျဖင မမ တ႕ကယပငလဂေလးမား ဖနတးနငၾကပါေစ. -----------------------------

File Hosting File Hosting File Hosting File Hosting လပနညးမားလပနညးမားလပနညးမားလပနညးမား............

written by mmhelpdesk at Friday, August 17, 2007 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/ ဖငတငရန

Page 47: Blog Help Desk Book

47

http://www.fileden.com/ http://www.filefactory.com/ http://www.filexoom.com/ http://www.ripway.com/ http://www.pages.google.com/ http://www.mediafire.com/ http://files-upload.com/ http://www.wikiupload.com/ http://upload2.net/ http://www.filecrunch.com/ အဒါေလးေတြကေတာ႔ ကၽြနေတာသသေလာကေလးေတြပါပ. တစခန႔တစခ ေပးတ႔ storage space မတပါဘး. Fileden က 1 G ေပးပါတယ. Ripway ကေတာ႔ 30 MB ပ ေပးပါတယ. ကနတာေတြမာလညး ထနညးလညးေကာငးပါပ. Unlimited ေပးတာ တစခေတာ႔ ရပါတယ. Mediafire ပါ. (စာအပေတြတငဖ႔ သပေကာငးပါတယ) Pages.google.com ကေတာ႔ google pages က ေျပာတာပါ. Account Sign Up လပစရာ မလပါဘး. ကယ႔ရ႔ Gmail Account န႔ပ သးလ႔ရပါတယ. တစခက အစမးလပျပပါမယ. သေဘာတရားက အတတပါပ. http://www.fileden.com ကသြားပါမယ. Account Sign Up လပပါမယ. ကယ႔ Email က စာ၀ငလာပါလမ႔မယ. Activate လပဖ႔ေပါ႔. လပလကပါ. ျပးသြားရငေတာ႔ Login လပပါမယ ခငဗာ.

အေပၚမာ ျမငေနရတ႔ Navigation Bar ေလးထကေန upload files က ေရြးပါမယ. တစျခား site ေတြမာလညး upload ဆတ႔ ပစေလးေတြ ပါပါလမ႔မယ. ခၽြတစြပၾကးေတာ႔ ဘယတပါ႔မလဗာေနာ. စတရညရညထားျပး ရာၾကည႔ရင သေဘာေပါကသြားပါလမ႔မယ… Upload files ကေရြးလကပါျပ. အခ file စတငပါေတာ႔မယ. အစမးအေနန႔ peekaboo လပဖ႔ myhacko.js ဆတ႔ ဖငေလးက တငေပးပါမယ. အဒါက အရငဆး ကယ႔ computer ေပၚက download လပဖ႔ မေမ႔န႔ဥးေနာ. မလပရေသးရင ဒမာ အခပ လပလကပါ Save လပလကတ႔ File ေလးက Browse လပျပး ရာပါမယ. Click ေခါကျပး ေရြးလကပါမယ. Upload က ႏပလကပါျပ.

Page 48: Blog Help Desk Book

48

ဘာျဖစလ…

Error message ေပၚလာပါတယ. This file extension is not allowed. တ႔. ကၽြနေတာတ႔ တငတ႔ ဖငက javascript file ေလ. Extension က js န႔ ဆးတယ. အဒ႔လမး file type က လကမခဘး. ဘယလလပမလ. ေနာကတစမးန႔ ေျပာငးတငမာေပါ႔. မဟတဘးလား. ဒါမးကစၥေလးေတြ ျဖစတတလ႔ တမငအမားက လပျပေပးတာပါ. ႏ႔မ႔ဆ ကယလပတာပ မားေနျပလားလ႔ ေတြးပေနမမာ စးလ႔ပါ. က. Ripway န႔ ေျပာငးတငပါမယ. ထးစအတငး sign up/register လပပါ. Email activation ေတာငးရင လပေပးလကပါ. မေတာငးရငေတာ႔ ကယလပစရာရတာသာ ဆကလပသြားလကပါ.

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

Page 49: Blog Help Desk Book

49

အဒ႔ထကမ Upload files ဆတာက ေရြးပါမယခငဗာ. ေအာကကပစအတငးေလး ေပၚလာပါလမ႔မယ

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

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

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

ညာဖကနား ခပကကေလးက ဒပေလးက ၾကည႔ပါ. အဒ႔မာ file ေတြက Upload လပရမာပါပ.

Page 50: Blog Help Desk Book

50

Browse လပျပး တငမယ႔ file က ေရြးပါ. Googlepages က အလလပ တငေပးသြားပါလမ႔မယ. ျပးသြားရင ဖငရ႔ URL က ယရပါမယ. ကယတငလကတ႔ ဖငေလးရ႔ အေပၚမာ right click ေလး ေခါကလကပါ. ျပးရင copy link location က ေရြးလကပါ. အဒါ သ႔ရ႔ URL ပါပ. တစျခားေသာ file hosting site မားမာလညး ဒပစဆငဆငေလးေတြပါပ. စမးသးၾကည႔ၾကပါလ႔ တကတြနးပါတယ. အားလးပ အဆငေျပေခာေမြ႔ၾကပါေစ.. -------------------------

Menu Tab Menu Tab Menu Tab Menu Tab လပနညးမား လပနညးမား လပနညးမား လပနညးမား ---- ပစ ပစ ပစ ပစ ((((၁)၁)၁)၁)

written by Yan at Sunday, June 1, 2008

Contributor: ရနေအာင အားလးပ မဂၤလာပါ ခငဗာ. ဒတစခါမေ၀ခငတာကေတာ႔ ဘေလာ႔ဂမာ Menu Tab လပနညးေလးပါပ. ဒပ႔စေလးက ေရးဖ႔ အားခထားတာ ၾကာပါျပ. အခမပ စတင အေကာငအထညေဖာျဖစေတာ႔တယဗာ. အခ ကၽြနေတာ႔ရ႔ ပ႔စေလးက ပစ (၁)လ႔ နာမညေပးထားရတာက ေနာကထပ ပစကြေလးေတြ ရေသးလ႔ပါပ. အဒါေလးေတြကလညး ထပေရးေပးသြားပါမယ. ပ႔စတစခတညးမာ ေရးလကရင ရႈပကနမာစးလ႔ ခြထတေရးသားဖ႔ ရညရြယထားတာပါ. က. ဒေတာ႔ Menu Tab ဆတာ ဘာလဆတာကေန စၾကည႔လကရေအာင. ပေလးေတြက ၾကည႔လကပါ. အဒါ Menu Tab ေလးေတြပါပ.

Page 51: Blog Help Desk Book

51

ဘေလာ႔ဂတနးပလတတငးမာ Menu Tab မပါၾကပါဘး. ပါတ႔ တနးပလတ တစခ ႔ ရပါတယ. ဒါေပမယ႔ Wordpress အတြက အမားစျဖစေနၾကတယ. Blogger Platoform အတြကကျပနေတာ႔လညး ရေတာ႔ရပါရ႔. Classic Template အတြက ျဖစေနတတျပးေတာ႔ New Blogger Widget Template အတြက Menu Tab ထည႔ေပးျပးသား မရတတၾကပါဘး. ဒေတာ႔ ကယတငကယက ထည႔တတေအာင ေလ႔လာသငယလကတာ အေကာငးဆးပ မဟတဘးလားဗာ… ပထမဥးဆးအေနန႔ ကယလပမယ႔ Menu Tab အတြက Button ေလးေတြက ဖနတးယရပါမယ. Photoshop ႏငနငးတ႔သေတြအတြကဆရငေတာ႔ ကယပင Button ေလးေတြက ဖနတးႏငမာပါ. Flash သမားေတြဆရင ပေတာငမ အဆင႔ျမင႔တ႔ Button ေလးေတြ လပဖ႔ အခြင႔အလမးအမားၾကးရပါတယ. အ. ကယတင မလပတတရငလညး စတမပပါန႔. ဒမာ အဆငသင႔ လပေပးျပးသား Button ေလးေတြ ရပါတယ. ကယ႔စတၾကက ပေလးေတြက သမးထားႏငပါတယ.

BlackBlackBlackBlack

Blackleft.gif

Blackright.gif

BlueBlueBlueBlue

Page 52: Blog Help Desk Book

52

Blueleft.gif

Blueright.gif

GreenGreenGreenGreen

Greenleft.gif

Greenright.gif

RedRedRedRed

Page 53: Blog Help Desk Book

53

Redleft.gif

Redright.gif

UnguUnguUnguUngu

Unguleft.gif

Unguright.gif

WhiteWhiteWhiteWhite

Page 54: Blog Help Desk Book

54

whiteleft.gif

whiteright.gif

YellowYellowYellowYellow

yellowleft.gif

yellowright.gif က. ပေလးေတြ ယလကျပေနာ. ဒါဆရင စလကၾကရေအာင. အဆင႔ (၁)

Page 55: Blog Help Desk Book

55

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

Page 56: Blog Help Desk Book

56

#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 { 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 File Hosting File Hosting File Hosting လပနညး အကဥးခပလပနညး အကဥးခပလပနညး အကဥးခပလပနညး အကဥးခပ

Page 57: Blog Help Desk Book

57

Free File Hosting ေပးတ႔ Site ေတြထကမ Fileden က ကၽြနေတာေရြးလကပါမယ. Upload ဆတ႔ Tab ေလးက ေရြးပါမယ.

ကယတငခငတ႔ ဖငေလးေတြက Browse ကေန တစဆင႔ ေရြးပါမယ. ျပးရငေတာ႔ Upload လပပါမယ.

ကၽြနေတာတငခငတ႔ Greenleft.gif န႔ Greenright.gif ဖငေလးေတြက ေရြးျပးေတာ႔ Upload လပပါမယ.

ေနာကတစမကႏာမာ ေပၚလာမာကေတာ႔ ကၽြနေတာတ႔တငလကတ႔ ဖငေလးေတြရ႔ URL လင႔ခေလးေတြပါပ. Selection လပျပထားတ႔ URL ေလးေတြက ကးယလကရင File Hosting လပတ႔ Process ေအာငျမငစြာ ျပးဆးသြားပါျပ.

Page 58: Blog Help Desk Book

58

အခ ကၽြနေတာတ႔ရ႔ 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> <!-- Change the links with your own links --> <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 >

Page 59: Blog Help Desk Book

59

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

Page 60: Blog Help Desk Book

60

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 ၾကည႔ၾကည႔ပါ. က. အဆငေျပေခာေမြ႔ၾကပါေစဗာ. အဆငမေျပခ႔တာေတြ ရခ႔ရငလညး ေကာမန႔မာ ေမးျမနးႏငပါတယ. Menu Tab တငနညး ပစ (၂) က မၾကာခင ဆကလကေရးသားေဆြးေႏြးေပးသြားပါမယ. Acknowledgement: ဒေနရာက ပ႔စေလးက သင႔ေတာသလ ဘာသာျပနဆျဖည႔စြက ေရးသားထားျခငးျဖစပါတယ ခငဗာ.... အားလးက ခစခငေလးစားလက ရနေအာင. Read More...

Posted in Hacks, menu tab » 1 comments »

ဓာတပေတြက မရငးအရြယအစားအတငး ေပၚေစလလငဓာတပေတြက မရငးအရြယအစားအတငး ေပၚေစလလငဓာတပေတြက မရငးအရြယအစားအတငး ေပၚေစလလငဓာတပေတြက မရငးအရြယအစားအတငး ေပၚေစလလင............

written by Yan at Tuesday, May 6, 2008

Contributor: ရနေအာင

Page 61: Blog Help Desk Book

61

အားလးပ မဂၤလာပါ. ဒတစခါေတာ႔ ဘေလာ႔ဂမာ ဓာတပေတြ တငတ႔ အေၾကာငးေလး ေဆြးေႏြးခငပါတယ… အလေျပာလကလ႔. “ဟာ… ဒတငးဓာတပေကာကတငတာမား ေရးၾကးခြငကယ ပ႔စတစခေရးေနစရာလား” လ႔ အေျပာမေစာလကပါန႔ဥး. မတပါဘးခငဗာ. အထးသျဖင႔ Screenshot န႔ ရကယထားတ႔ Thumbnail အရြယအစားဓာတပေလးေတြဆရင ဘေလာ႔ဂမာ ဒတငးတငလကရင သပျပးေတာ႔ မသကြ မျပတသားေတြ ရႏငပါတယ. အဒ႔အခနကရင ဒပ႔စေလးရ႔ အသး၀ငပက သတတရ ရေနၾကလမ႔မယလ႔ ေမာလင႔ပါတယ. မတပက ဒမာၾကည႔ပါ. ဒါက PayPal Website မာ ကၽြနေတာေျပာျပခငတ႔ အပငးေလးက Screenshot ရကယခ႔ပါတယ. ျပးေတာ႔ ဓာတပတငတ႔အခါမာ Large က ေရြးျပး တငလကပါတယ. လကေတြ႔မာ ထြကလာတ႔ ပက ဒလပါ.

စာဖတသမာ ေတာေတာေလးက အားစကျပး ဖတယရလမ႔မယလ႔ ထငပါတယ. ဒေတာ႔ စာဖတသဟာ အဒ႔ပေလးက ကလစေခါကလကျပး အသစပြင႔လာမယ႔ Windows မာ ပၾကးၾကးန႔ ေပၚလာတာက ျပနၾကည႔ယရပါတယ. အလပရႈပသြားတာေပါ႔ဗာ ေနာ.အဒါက ေျဖရငးခငလ႔ ဒပ႔စေလးေရးတာပါ. ဒေတာ႔ ကၽြနေတာတ႔ ခနက တငလကတ႔ ဓာတပမာ ဘာေတြထးျခားသြားလဆတာေလးက သ႔ရ႔ ကဒဒငးေလး ယျပး ၾကည႔လကၾကရေအာင. Code:Code:Code:Code:

Page 62: Blog Help Desk Book

62

<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> အဒ႔မာ စာေၾကာငးႏစေၾကာငးရ႔ ထးျခားခကက ေလ႔လာၾကည႔လကၾကရေအာင. href="http://bp2.blogger.com/_n_MLLA-ikmU/SCFLzvypTxI/AAAAAAAABtI/bMB1LAjBexA/s1600s1600s1600s1600----hhhh/PayPal8.bmp"> န႔ src=http://bp2.blogger.com/_n_MLLA-ikmU/SCFLzvypTxI/AAAAAAAABtI/bMB1LAjBexA/s400s400s400s400/PayPal8.bmp သတ႔ႏစေၾကာငးမာ ကြာျခားခကတစခပ ရပါတယ. ဘာလဆေတာ႔ s1600-h န႔ s400 ပါ. ကနတာအားလးအတတပ ျဖစပါတယ. သတ႔ေတြက ဘာကဆလတာလ ဆကၾကည႔လကၾကရေအာင. အေပၚက s1600-h ပါတ႔ စာေၾကာငးက စာဖတသအေနန႔ ဘေလာ႔ဂေပၚက ဓာတပက ကလစေခါကလကရင ေပၚလာမယ႔ နဂမရငး အရြယအစားရတ႔ ဓာတပျဖစပါတယ. ေအာကက စာေၾကာငးေလးထမာပါတ႔ s400 ကေတာ႔ မရငး ဓာတပက က႔လကျပး ဘေလာ႔ဂေပၚတငလ႔ရေအာင လပေပးထားတာ ျဖစပါတယ. ကၽြနေတာတ႔က လကရ Blogger Platform က ေပးထားတ႔ ဓာတပဆဒထက ပၾကးတာလခငေနတယ. ဆလတာက နဂမရငး အရြယအစားကပ တငခငတာ. ဒါမ စာေသးေသးေလးေတြပါ ေပၚမယေလ. ဒေတာ႔ ဘာလပမလ. လြယပါတယ. အဒ႔ အရြယအစားက ကန႔သတေပးေနတ႔ s1600 တ႔၊ s400 (Large ျဖစလင)၊ s320 (Medium ျဖစလင)၊ s200 (Small ျဖစလင) ေတြက ဖကလကရပါပ.

Page 63: Blog Help Desk Book

63

ေအာကကပစေလးအတငး ျပငေပးလကရပါပေလ…

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

Page 64: Blog Help Desk Book

64

၀နခခက။ ။ ဒေနရာက ပ႔စေလးက သင႔ေတာသလ ဘာသာျပနဆေရးသားပါတယ ခငဗာ... အားလးက ခစခငေလးစားလက ရနေအာင Read More...

Posted in Hacks, Photos » 1 comments »

Adding a top of page icon link in blogAdding a top of page icon link in blogAdding a top of page icon link in blogAdding a top of page icon link in blog

written by CMS at Saturday, April 19, 2008

Contributor: CMS

Page 65: Blog Help Desk Book

65

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> Source : Blogger Buster Read More...

Posted in Hacks » 1 comments »

Alert Message BoxAlert Message BoxAlert Message BoxAlert Message Box ေလးမားလပနညး ေလးမားလပနညး ေလးမားလပနညး ေလးမားလပနညး

written by Yan at Thursday, April 17, 2008

Contributor: ရနေအာင

အားလးပ မဂၤလာပါခငဗာ… ဒတစခါေတာ႔ အသစအဆနးေလးတစခ ေတြ႔ရလ႔ ျပနလည ေ၀မခငပါတယ. ဘာလဆေတာ႔ Alert Message Box ေလးေတြ လပနညးပါ. ကယ႔ဘေလာ႔ဂ (သ႔) ၀ကဘဆကထက ၀ငလာတ႔ စာဖတသက Message Box ေလးန႔ ၾကဆတာပျဖစေစ၊ သေစခငတ႔ ေၾကျငာခကေလးေတြက Highlight လပျပတာပ ျဖစေစျဖစေစ၊ သတေပးေၾကျငာခငတာေလးေတြက ေျပာျပခငတာပ ျဖစေစေပါ႔ အလရသလ အသးခႏငပါတယ. Message Box ေလးေတြက လပနညး အမးမးရတ႔ အထက အဆငေျပဆး နညးလမးေလးက ေရြးခယျပး ျပနလညေဆြးေႏြးထားျခငးသာ ျဖစပါတယ. က. စလကၾကရေအာငလားဗာ… Alert Box with OK ButtonAlert Box with OK ButtonAlert Box with OK ButtonAlert Box with OK Button

Page 66: Blog Help Desk Book

66

အဒါေလးက လပဖ႔အတြက 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> ဒါမးေလးေပၚလာမာ ျဖစပါတယ.

Alert Box with Confirmation ButtonAlert Box with Confirmation ButtonAlert Box with Confirmation ButtonAlert Box with Confirmation Button ဒါကကေတာ႔ စာဖတသက ေရြးခယခြင႔ေပးတာပါ. ဆကသြားမလား. ဒါမမဟတ မဖတေတာ႔ဘ ျပနထြကမလားဆတာက ေရြးခငးတာေပါ႔.

Page 67: Blog Help Desk Book

67

ခနကလပါပ. 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>

Page 68: Blog Help Desk Book

68

ဒလေလး ျဖစသြားပါလမ႔မယ...

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

Page 69: Blog Help Desk Book

69

ရနေအာင Read More...

Posted in Alert Msg Box, Hacks, Tools » 0 comments »

Playtagger Playtagger Playtagger Playtagger န႔ သခငးတငနညး န႔ သခငးတငနညး န႔ သခငးတငနညး န႔ သခငးတငနညး ((((အေသးစတ ရငးလငးခကအေသးစတ ရငးလငးခကအေသးစတ ရငးလငးခကအေသးစတ ရငးလငးခက))))

written by Yan at Thursday, March 13, 2008

Contributor: ရနေအာင အားလးပ မဂၤလာပါခငဗာ. အရငဆး Playtagger ေလးအေၾကာငး ပရငးေအာင ေဆြးေႏြးခငပါတယ. က. လရငးက တကရကမသြားခင ဘာေၾကာင႔ ဒလ Process ေလးေတြ လပရတယဆတာက ေနာကျပန ျပနစဥးစားလကရေအာငလား.. သခငးတငခငတယ. အေက.. ဒါဆရင အဒ႔သခငးက ဘယမာတငမာလ. အငတာနကေပၚမာ တငမာေပါ႔. ဟတတယဟတ. ဒါဆရင စဥးစားၾကည႔ရေအာငလား. ခငဗားစကထမာ ရေနတ႔ သခငးတစပဒက တစကမၻာလးမာ ရေနတ႔ အငတာနက သးသေတြ နားဆငႏငေအာင ခငဗား တစခခက လပရေတာ႔မယ. ဒမာ ေ၀ါဟာရအသစတစခ ၀ငလာျပ. ဖငဟစတငး(File Hosting) တ႔… ဒါက ခငဗားနားလညဖ႔ လအပလာျပ. သက ဘာလပတာလဆေတာ႔ ခငဗားတငခငတ႔ သခငးက အငတာနကေပၚမာ တငႏငေအာင URL လင႔ခတစခထတေပးတာေပါ႔ဗာ. ေျပာရရငေတာ႔ အငားတညးခခြင႔ျပတာေပါ႔. ဒါေၾကာင႔လညး သ႔က Host လပေပးတယလ႔ ေခၚတာေပါ႔.

Page 70: Blog Help Desk Book

70

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

Page 71: Blog Help Desk Book

71

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

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

Page 72: Blog Help Desk Book

72

ရနေအာင

Read More...

Posted in Hacks, Music Players, Tools » 0 comments »

ScrollBox ScrollBox ScrollBox ScrollBox ထည႔နညးထည႔နညးထည႔နညးထည႔နညး

written by Yan at Wednesday, February 20, 2008

Contributor: ရနေအာင

အားလးပ မဂၤလာပါ. ဒတစခါေတာ႔ ကၽြနေတာတ႔ရ႔ ဘေလာ႔ဂေလးေတြ၊ ၀ကဘဆဒေလးေတြထမာ Scroll Box ေလးေတြ ထည႔နညးက ေျပာျပခငပါတယ. အရငဆး ဒါေလးက မေလ႔လာခင Scroll box ေလးေတြ ဆတာ ဘာလ. ဘယလေနရာမာ အသး၀ငႏငသလ ဆတာေလးက အရငစဥးစားၾကည႔လကၾကရေအာင. ကဗာ. ခငဗားက စာပဒအရညၾကးတစခက အကးအကားအေနန႔ ျပခငတယ. အကနလးက ရကျပလကရငလညး ခငဗားရ႔ ပ႔စက အရညၾကး ျဖစသြားမယ. အလမးဆရင ခငဗားေပးခငတ႔ မကေဆ႔ခက ေ၀၀ါးသြားမယ. ခငဗားလပခငတာက အဒ႔ အကးအကား စာပဒေလးက ထည႔ေပးထားျပး စာဖတသက ဖတခငရင Scroll Down/Up လပျပး ဖတ၊ တကယလ႔ ဓာတပေတြ အမားၾကး တငခငတယဆရငလညး ဒလ Scroll box ေလးထ ထည႔ျပး ျပထားလကရင ဓာတပ အယလဘမ တစခ ပစမးေလး ဖနတးလ႔ရမယ၊ စာဖတသက ပေတြက သလသလ၊ ၾကကသလ Scroll Down/Up လပျပး ၾကည႔. ဒါမးေပါ႔ဗာ. အဓကကေတာ႔ Space က အတတႏငဆး က႔လကျပး ေပးခငတ႔ အေၾကာငးအရာက သသာ ထငရားေအာင လပေပးတာပါပ. ဥပမာေလးက ဒမာၾကည႔ပါ.

Page 73: Blog Help Desk Book

73

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

ငကငယေတြ ၀နးရေနတ႔

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

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

<ေရခငက>

က. ဘယလလပရမလ ဆေတာ႔ ဒလလပပါ ခငဗာ… အခ ကၽြနေတာေပးလကမယ႔ Coding ေလးက ေလ႔လာၾကည႔ပါ. Your Text Here ဆတ႔ေနရာမာ ကယတငျပခငတ႔ စာပဒေလး၊ ဓာတပ စတာေတြက ပမနအတငး ရကတင၊

Page 74: Blog Help Desk Book

74

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 Border: 3px solid green Border: 3px solid green Border: 3px solid green အဒါေလးက ဘာေျပာလ ဆေတာ႔ Box အစမးေရာငေလး တစခလပမယ. ေဘာငက 3 pixel အထေပးမယလ႔ ဆလပါတယ. အေရာငေတြ အမးမး ေျပာငးယႏငသလ border ကလညး Dashed တ႔ Dotted တ႔ စသျဖင႔ ေပးႏငပါတယ. height:100px , width:150pxheight:100px , width:150pxheight:100px , width:150pxheight:100px , width:150px ဒါေလးကေတာ႔ Box ေလးရ႔ အျမင႔န႔ အကယက ေျပာပါတယ. နပါတေလးေတြက လသလ ကစားၾကည႔ျပး ကယ႔စတၾကက Box အရြယအစားေလးက ဖနတးယႏငပါတယ. color:black ဒါကေတာ႔ Box ေလးထမာ ေပၚမယ႔ စာသားေလးေတြရ႔ အေရာငပါ. Red, Orange, Green စသျဖင႔ စတၾကကေျပာငးေပးႏငပါတယ. background-color:white ဒါကေတာ႔ Box ေလးရ႔ ေနာကခ အေရာငပါ. ကယေရြးခယတ႔ ေနာကခ အေရာငန႔ Text အေရာငက လကဖကေအာင ေရြးခယေပးသင႔ပါတယ. ဥပမာ. အျဖေနာကခမာ အမညးစာလးေပၚေအာင လပသလမးေပါ႔ဗာ. က. ဒေလာကပါပ. အစမးလပျပထားတ႔ Box ေလးက ေလ႔လာၾကည႔ႏငပါတယ. မရငးလငးတာရရငလညး ေကာမန႔မာ ဆကသြယေမးျမနးႏငပါတယ. အားလးပ ေပာရႊငခမးေျမ႔စြာ ဘေလာ႔ဂငးႏငၾကပါေစခငဗာ… ခစခငေလးစားလက ရနေအာင

Page 75: Blog Help Desk Book

75

အေျပာငးအလအေျပာငးအလအေျပာငးအလအေျပာငးအလ

ႏစဥးတယဥ၊ ဒအပငေအာက ပနးေၾကြေကာကစဥ၊ ရငတထတထတ ဒအရပမာ၊ ခစစတေ၀ခ႔ဖးပါတယ.

သစျမစဆခြ၊ ယဥထငၾကရငး

ျမေခာငးေရေၾကာ၊ ပနးေၾကြေမာမ ၾကည႔ရငးၾကညႏး၊ ေခာငးနဖးမာ

စတကးႏသစခ႔ဖးတယ.

ခငကပစေတာ႔ ဒသစပငေအာက၊ ပနးမေကာကခင ႏြမးေျခာကေသြ႔ဆတ၊ ဒအရပမာ လြမးစတရာေထာင ေ၀ဖးတယ.

ခငမၾကငေတာ႔

ညငညငေရစး၊ တမးတညညးဟန ခင႔ရယသလား၊ ၀း၀ါးထငမ ၾကည႔ေလရာရာ၊ ေ၀ဒနာႏင႔ ေရျပာအလ ကငးဖးတယ.

ေဩာ… ႏစေတြၾကာလ႔

တစခါတစေခါက၊ ဒကေရာကလင တ႔ငယစဥက၊ ေႏာငမငတြယရစ အခစအလြမး၊ ဖမးစားည ႔ငင ဒသစပငကား၊ ေခာငးေရစား၍ ကမးပါးျပေနာက ပါေလျပ…

ဒကျပနလင၊ ရငမခနတတ

မလြမးတတေတာ႔၊ စတဓာတရင႔ကက ခစားခကတ႔၊ ပကျပယခ႔ရ

အနညကျပ… ဘ၀ဆတာ… ဒါပ ခင…

ေမာငစန၀ငး (ပတးကနး)

Page 76: Blog Help Desk Book

76

Read More...

Posted in Hacks, ScrollBox » 2 comments »

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

written by Yan at Sunday, January 6, 2008

Contributor: ရနေအာင

အားလးပ မဂၤလာပါခငဗာ. ကၽြနေတာလညး နညးပညာေဆာငးပါးေလးေတြ မေရးျဖစတာ ၾကာပါျပ. ခမပ စတျပနလညလာလ႔ ျပနေရးျဖစေတာ႔မယဗာ. ဒတစခါေတာ႔ ဘေလာ႔ဂမာ ဇယားကြကေလးေတြ တငတာက ေျပာျပခငပါတယ. HTML နားလညျပးသားသေတြေရာ၊ သပမသေသးတ႔သေတြပါ နားလညသြားေအာင တတႏငသေလာက အရငးဆးပစန႔ ေဆြးေႏြးသြားပါမယ. Table ဆတာ ဇယားကြကေလးေတြေပါ႔ဗာ. ရငးပါတယေနာ.

ဇယားကြကေလးေတြက ရညရြယခကအမးမးန႔ ဥာဏရသလ အသးျပႏငၾကပါတယ. တစခ ႔က Table လပတ႔ Coding ေလးေတြ သျပးသားျဖစေနေပမယ႔ လကေတြ႔တငလကေတာ႔ ပ႔စန႔ Table ၾကားမာ White Space ေတြ အမားၾကးျဖစျပး ကယ႔ရ႔ ပ႔စေလး အရပဆးေနတာက ၾကေတြ႔ဖးၾကမာပါ. အဒ႔လမျဖစေအာင ဘယလကာကြယရမလ ဆတာကပါ ထည႔ေျပာသြားပါမယ ခငဗာ. က. စလကၾကရေအာငလား. <center> <table border="1"> <tr> <td>ေခါငးစဥ (၁)</td><td> ေခါငးစဥ (၂)</td><td> ေခါငးစဥ (၃)</td> </tr>

Page 77: Blog Help Desk Book

77

<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

row 2 col 1 row 2 col 2 row 2 col 3

က. အဒါက ဘယလေဖာကၾကမလ ဆေတာ႔ ဒလေဖာကပါခငဗာ. အခေပးမယ႔ HTML Codes ေလးေတြက ခငဗားရ႔ ဇယားကြကေလး မစတငခငမာ ထည႔ေပးလကပါ. ဇယားကြကေလးေတြက တစခထကပေနခ႔ရငေတာ႔ ေနာကတစခ မစတငခင အခနတငးမာ ထည႔ေပးသြားပါ. <style type="text/css">.nobrtable br { display: none }</style> <div class="nobrtable">

Page 78: Blog Help Desk Book

78

...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 တစခစက ကယစားျပသြားပါတယ. ဥပမာ. ကၽြနေတာတ႔ 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 သးခတြစ ရရပါမယ.

Page 79: Blog Help Desk Book

79

ေနာကတစခထပထည႔ျပေနာ. <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> <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>

Page 80: Blog Help Desk Book

80

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

Page 81: Blog Help Desk Book

81

<td>ပငမဘေလာ႔ဂ</td> <td>သခငးဘေလာ႔ဂ</td> <td>အေထာကအကျပဘေလာ႔ဂ</td> </tr> <tr> <td><a href="http://yanaung.blogspot.com" target="_blank">ရနေအာင</a></td> <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> ဒလေလးျမငရပါမယ ခငဗာ.

ဇယား ဇယား ဇယား ဇယား ((((၁)၁)၁)၁)

Page 82: Blog Help Desk Book

82

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

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

ဇယား ဇယား ဇယား ဇယား ((((၂) ၂) ၂) ၂)

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

Heading 1 Heading 2 Heading 3

row 1 col 1 row 1 col 2 row 1 col 3

row 2 col 1 row 2 col 2 row 2 col 3

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

ဇယား ဇယား ဇယား ဇယား ((((၁)၁)၁)၁)

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

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

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

ဇယား ဇယား ဇယား ဇယား ((((၂)၂)၂)၂)

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

Page 83: Blog Help Desk Book

83

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

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

ဇယား ဇယား ဇယား ဇယား ((((၃)၃)၃)၃)

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

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

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

က. 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 ေလးေတြ ရႏငပါတယ ခငဗာ.

Page 84: Blog Help Desk Book

84

A background color:A background color:A background color: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 လပနညးက မသရင ဒေနရာမာ ေရးခ႔ျပးပါျပ. ေလ႔လာႏငပါတယ ခငဗာ.

Page 85: Blog Help Desk Book

85

A background image:A background image:A background image:A background image:

First Row

Second Row

ကယ႔ရ႔လအပခကေပၚ မတညျပး ဒပ႔စေလးက အကးရစြာ အသးခႏငၾကမယလ႔ ေမာလင႔မပါေၾကာငး…. Acknowledgement: ဒေနရာက ပ႔စေလးက အေျခချပး သင႔ေတာသလ ျဖည႔စြက ေရးသားပါတယ ခငဗာ. ခငမငေလးစားလက ရနေအာင Read More...

Posted in Hacks, Tables » 3 comments »

Crazy Mac Dock Menu Hack For Your BlogCrazy Mac Dock Menu Hack For Your BlogCrazy Mac Dock Menu Hack For Your BlogCrazy 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 က လး၀လကမလႊတႏငေအာင ဖမးစားထားတ အခကေတြပါပ။ Mac User ေတြအတြကကေတာ အကၽြမးတ၀ငျဖစၿပးသားမ႔ ထပရငးစရာ မလေလာကေတာပါဘး။ Mac န႔အကၽြမးတ၀ငမျဖစသေတြ အတြက Mac Dock ဆတာဘာလ ဆတာအနညးငယ ရငးဖ႔လပါလမမယ။ တစကယေတာ Mac Dock ဆတာ ကၽြနေတာတ႔ Window ေတြမာ သးသကသ႔ Application မားက

Page 86: Blog Help Desk Book

86

အလြယတစက အသးျပႏငရန 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>]]></b:skin>]]></b:skin>]]></b:skin> မတငခင Footer CSSFooter CSSFooter CSSFooter CSS ကဒရ ေအာကမာ ဆကထညေပးပါ။ ဒ CSS ကဒေတြက Mac Dock Menu က ဘေလာဂ ေအာကေျခမာ ေပၚေစမာျဖစၿပး အေပၚမာ ထားလသေတြ အတြကကေတာ ေအာကမာ ဆကျပထားတ ကဒေတြကအသးျပေပးရပါမယ။ အဆငအဆငအဆငအဆင((((၁)၁)၁)၁) CSS Codes For Mac Dock Menu CSS Codes For Mac Dock Menu CSS Codes For Mac Dock Menu CSS Codes For Mac Dock Menu ---- For Those Who Want to Use at The Bottom For Those Who Want to Use at The Bottom For Those Who Want to Use at The Bottom 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;

Page 87: Blog Help Desk Book

87

bottom: 0px; position: absolute; text-align: center; text-decoration: none; } .dock-item2 span { display: none; padding-left: 20px; } .dock-item2 img { border: none; margin: 5px 10px 0px; width: 100%; } CSS Codes For Mac Dock Menu CSS Codes For Mac Dock Menu CSS Codes For Mac Dock Menu CSS Codes For Mac Dock Menu ---- For Those For Those For Those For Those Who Want to Use at The TopWho Want to Use at The TopWho Want to Use at The TopWho 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;

Page 88: Blog Help Desk Book

88

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>]]></b:skin>]]></b:skin>]]></b:skin> ႏင </head></head></head></head> ၾကားမာ ထညေပးပါ။ ထးစအတငး Top အတြက န႔ Bottom အတြက ကဒ (၂) မးခြေပးထားပါတယ။ Java Script For Mac Dock Menu Java Script For Mac Dock Menu Java Script For Mac Dock Menu Java Script For Mac Dock Menu ---- For Those Who Want to Use at The Bot For Those Who Want to Use at The Bot For Those Who Want to Use at The Bot For Those Who Want to Use at The Bottomtomtomtom <script type="text/javascript" src="http://myanmarne0.googlepages.com/jquery.js"></script> <script type="text/javascript" src="http://myanmarne0.googlepages.com/interface.js"></script> <!--[if lt IE 7]> <style type="text/css"> .dock img { behavior: url(http://myanmarne0.googlepages.com/iepngfix.htc) } </style> <![endif]--> <!--dock menu JS options --> <script type="text/javascript"> $(document).ready( function() { $('#dock2').Fisheye( { maxWidth: 60, items: 'a', itemsText: 'span',

Page 89: Blog Help Desk Book

89

container: '.dock-container2', itemWidth: 40, proximity: 80, alignment : 'left', valign: 'bottom', halign : 'center' } ) } ); </script> Java Script For Mac Dock Menu Java Script For Mac Dock Menu Java Script For Mac Dock Menu Java Script For Mac Dock Menu ---- For Those Who Want to Use at The Top For Those Who Want to Use at The Top For Those Who Want to Use at The Top 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> <!--[if lt IE 7]> <style type="text/css"> .dock img { behavior: url(http://myanmarne0.googlepages.com/iepngfix.htc) } </style> <![endif]--> <!--dock menu JS options --> <script type="text/javascript"> $(document).ready( function() { $('#dock').Fisheye( { maxWidth: 50, items: 'a', itemsText: 'span', container: '.dock-container', itemWidth: 40, proximity: 90,

Page 90: Blog Help Desk Book

90

halign : 'center' } ) } ); </script>

ဒအဆငမာ သးထားတ .js.js.js.js ႏင iepngfix.htc iepngfix.htc iepngfix.htc iepngfix.htc ဖင(၂) ခက Bandwidth ကနသြားတအခါမးမာ ပမနအလပမလပမႈ ျဖစျခငးမ ကာကြယရနအတြက မမကယပင Fileden | Ripway | Google Pages အစရတ Hosting တစခခမာ ျပနတငၿပး အသးျပသငပါတယ။ အဆငအဆငအဆငအဆင((((၃)၃)၃)၃) ေနာကဆးအဆငအေနန႔ Dock Menu က Bottom မာ ထညလသမားအတြက ဒကဒေလးက ေတြ႔ေအာငရာပါ(Ctrl+F အကအညျဖင)။ </div> <!-- end content-wrapper --> <div id='footer-wrapper'> <b:section class='footer' id='footer'/> </div> ဒေနရာမာ ေအာကက ျပထားတ ကဒေတြ ထညရပါမယ။ </div></div> <!-- end outer-wrapper --> For Those Who Want to Use at The Bottom (HTML Codes for Mac Dock Menu)For Those Who Want to Use at The Bottom (HTML Codes for Mac Dock Menu)For Those Who Want to Use at The Bottom (HTML Codes for Mac Dock Menu)For Those Who Want to Use at The Bottom (HTML Codes for Mac Dock Menu) <!--bottom dock --> <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> <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

Page 91: Blog Help Desk Book

91

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)For Those Who Want to Use at The Top (HTML Codes for Mac Dock Menu)For Those Who Want to Use at The Top (HTML Codes for Mac Dock Menu)For Those Who Want to Use at The Top (HTML Codes for Mac Dock Menu) <!--top dock --> <div class="dock" id="dock">

Page 92: Blog Help Desk Book

92

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

Page 93: Blog Help Desk Book

93

(ဂ)ေနာကတစခကေတာ[href="#"href="#"href="#"href="#"] ဆတ ကဒရ [####] ေနရာမာ မမထညလတ လငခ တစခစထညေပးရပါမယ။ Home,Contact အစရတာေတြက မမစတႀကက အမညေပး၊ ေရ႔ေနာက ေနရာေျပာငးေရြ႔လ႔ရပါတယ။ အားလးပ အဆငေျပၾကလမမယလ႔ ထငပါတယ။ အဆငမေျပမႈတစခခရခရင ဒါမမဟတ ပမေကာငးမြနတ အႀကအစညေလးမား ရခရငလညး မတခကမာ လြတလြတလပလပ ၀ငေရာကေဆြးေႏြး၊ အႀကေပး ေရးသားႏငပါေၾကာငး။ Sources: SmashingMagazine Technorati Tags:Technorati Tags:Technorati Tags:Technorati Tags: Blogger Hacks | Mac Dock | Mac dock menu | Mac dock menu for blog | Mac dock menu hack | Mac dock menu hack for blog | Mac style menubar | Mac style menubar for blog | Mac style menu bar hack | crazy mac dock | crazy mac dock hack | crazy mac dock hack for blog | blogging hacks | blogger hackz Read More...

Posted in Hacks » 1 comments »

Blogger Comment Blogger Comment Blogger Comment Blogger Comment ႏင ႏင ႏင ႏင Post Section Post Section Post Section Post Section တ႔တြင တ႔တြင တ႔တြင တ႔တြင Smile Smile Smile Smile ရပပမား ထညသြငးျခငးရပပမား ထညသြငးျခငးရပပမား ထညသြငးျခငးရပပမား ထညသြငးျခငး

written by Mhaw Sayar at Thursday, November 8, 2007

Contributor: ေမာဆရာ

ႏႈတတစရာ၊ စာတစလး။ စာလးတစေထာငထက ရပပတစခက အဓပၸာယေပါငး ေျမာကမားစြာက ေဖာျပနငစြမးရပါတယ။ အဒေတာ ကၽြနေတာတ႔ ေရးသားေနတ ပ႔စေတြ၊ မတခကေတြထမာလညး သ႔ေနရာေလးန႔သ အဓပၸာယရတ ပေလးေတြန႔ ကယစားျပေဖာျပေပးလက မယဆရင အတငးထက အလြန၊ တခြနန႔ ကကား ဆသလပ အစစ၊ အရာရာ သာလြနျပညစ ေကာငးမြနတ ပ႔စ ေတြ၊ မတခကေတြ၊ ေဆြးေႏြးခက ေတြျဖစလာမာအမနပါပ။ မမဘေလာဂရ Comment မာေရာ၊ ပ႔စေတြထမာပါ အၿပးေလးေတြက လမးဘာသာမေရြး အားလးအသးျပနငဖ႔ အလြယကဆး နညးလမးမားက ရာေဖြ တငဆကထားပါတယ။ နညးလမး။ ။ နညးလမး။ ။ နညးလမး။ ။ နညးလမး။ ။ Blogger Comment Blogger Comment Blogger Comment Blogger Comment & & & & Post Section Post Section Post Section Post Section တ႔တြင တ႔တြင တ႔တြင တ႔တြင Smiles Smiles Smiles Smiles ရပပမားထညသြငးျခငးရပပမားထညသြငးျခငးရပပမားထညသြငးျခငးရပပမားထညသြငးျခငး ေအာကပါအတငးလပေဆာငပါ။

Page 94: Blog Help Desk Book

94

(၁) မမရ စကထမာ မးေျမေခြး (FireFox) ဘေရာကဇာ ရရပါမယ။ မရခလင [ဒေနရာဒေနရာဒေနရာဒေနရာ] မာေဒါငးလဒခ၍ Install လပပါ။ (၂) ေနာကတစခကေတာ Greasemonkey ဆတ FireFox Addon ရရပါမယ။ မရခလင [ဒေနရာဒေနရာဒေနရာဒေနရာ] မာ ေဒါငးလဒလပ၍ Install လပပါ။ ၎ Addon အား မမ FireFox Browser တြင Install လပၿပးပါက ဘေရာကဇာ၏ ညာဘကေအာကေျခေထာငတြင နညေရာင ေမာကေခါငးပတစခ ေပၚလာမညျဖစသည။ (၃) အထကပါအဆငမား ေအာငျမငစြာျပလပၿပးစးပါက Comment Section တြင Smiles မားထညသြငးရနအတြက - [ဤေနရာဤေနရာဤေနရာဤေနရာ] တြင ”ကလစ” လပပါ။ Greasemonkey မ ၎ Script က Install လပေပးမညျဖစ၍ ေအာကပါအတငး Pop up ၀ငးဒး တစခတကလာလင ”Install” ကသာ ဆက၍ ကလစလကပါ။

ၿပးလင မမ၏ Comment ေရးသားေသာ ေနရာတြင ေအာကပါအတငး Smile မားႏငတကြ HTML Code အခ ႔ကပါ အလြယသးႏငေအာင လပေပးထားေသာ Tab ေလးမားက ေတြ႔ရမာျဖစပါတယ။

Page 95: Blog Help Desk Book

95

(၄) Post Section တြင Smiles မားထညသြငးရနအတြက ကမ - [ဤေနရာဤေနရာဤေနရာဤေနရာ] တြငကလစလပပါ။ အထကကအတငး Popup တစခတကလာလင Install ကကလစပါ။ၿပးလင ေအာကပါအတငး ျမငေတြ႔နငပါၿပ။

(၅) ဤေနာကဆးအဆငတြင ေအာကပါကဒ မားကရာ၍ အနျပထားေသာ ကဒမားက Delete လပပါ။ .post img { margin:0 0 5px 0; padding:4px; border:1px solid $borderColor; font-family: "ZawGyi-One", ZawgyiOne, Zawgyi1; } အဆးသတအေနျဖင ေအာကပါကဒ မားက မမ၏ Template ထရ </head> ဆေသာကဒ မတငမ Template

Page 96: Blog Help Desk Book

96

၏ 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 မားကျမငေတြ႔ရမညျဖစသည။ Sources: BloggerHacked | Notes4PC Technorati Tags:Technorati Tags:Technorati Tags:Technorati Tags: Blogger Hacks | Smiles Hacks | Blogger Smiles Hacks | how to | tutorial | Blogger Hacks for All Read More...

Posted in Hacks » 0 comments »

ဘေလာဂ ထပဆးက ဘေလာဂ ထပဆးက ဘေလာဂ ထပဆးက ဘေလာဂ ထပဆးက navbarnavbarnavbarnavbar ေဖာကျခငးသည တရား ေဖာကျခငးသည တရား ေဖာကျခငးသည တရား ေဖာကျခငးသည တရား၀၀၀၀င၊မင၊မင၊မင၊မ၀၀၀၀င င င င ????

written by Mhaw Sayar at Monday, November 5, 2007

Contributor: ေမာဆရာ

Page 97: Blog Help Desk Book

97

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

Page 98: Blog Help Desk Book

98

အထကပါနညးေလးကေတာ မဆးလပါဘး။အသးျပသေတြက လေလာကတ ေကနပမႈရေစမာပါ။ အေကာငးဆးန႔ လကရကၽြနေတာသးေနတ နညးကေတာ ေအာကပါ နညးလမး ပါပ။ ၁) သင ဘေလာဂၢါ အေကာငထ က၀ငပါ။ Setting ကဆက၀ငၿပး ၊ Template tab မတဆင Edit HTML ကဆကသြားပါ။ အဒကေရာကၿပဆတာန႔ ေအာကပါ ကဒ ကေတြ႔ေအာငရာပါ။ <body> ၂)ကဒကေတြ႔ၿပဆပါက ၎၏ေနာကမ ကဒမားက ေအာကပါအတငး ဆကထညေပးပါ။ <body> <style type="'text/css'"> #navbar-iframe {display:none;} </style> ဒါဆရင မေပၚေစခငတ navbar လး၀ ကေပၚလာေတာမာ မဟတပါဘး။ navbar မေပၚေစခငသမား မမဘေလာဂမာ လကေတြ႔စမးသပၾကညႏငပါတယ။ Read More...

Posted in Hacks » 0 comments »

FavIcon FavIcon FavIcon FavIcon လပၾကမလားလပၾကမလားလပၾကမလားလပၾကမလား????

written by Mhaw Sayar

Contributor: ေမာဆရာ

FavIconFavIconFavIconFavIcon ဆတာရ ဆလရငးကေတာ Favourite IconFavourite IconFavourite IconFavourite Icon ပါ။ သ႔က အသးျပတ ေနရာကေတာ ၀ဘဘေရာကဇာေတြရ Website Address ေတြရေရ႔မာ ၎၀ဘဆဒရ အမတတဆပအေသးစားအျဖစ၊ လႈပရားေနတ ပေတြအျဖစလညးေကာငး၊ ပေသေတြ အျဖစလညးေကာငး အသးျပၾကပါတယ။ ေအာကကပကၾကညလကရင FavIconFavIconFavIconFavIcon ဆတာ ဘာလဆတာပရငးသြားပါလမမယ။

အထကက ပကေတာ ကၽြနေတာတ႔ ေရာငးရငးႀကး Blogger.com ရ Favicon ပျဖစပါတယ။ မားေသာအားျဖငေတာ ကယပင Web Hosting ၀ယၿပး၊ ကယပင၀ဘဆဒ ေရးသားလြတတင ထားတသေတြ

Page 99: Blog Help Desk Book

99

အတြက 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 ေတြက မမစတႀကက၊ မမစကထမာရတ ပတစပေပးလကရ န႔ မမဘေလာဂ (သ႔) ဆဒ အတြက

Page 100: Blog Help Desk Book

100

Favicon တစခက အျမနဆးန႔၊ အလကားဖနတးေပးတ ဒေနရာ ကသြားတာ အေကာငးဆးပါပ။ (ကၽြနေတာဆဒမာ အဒနညးကသးထားပါတယ။)

ပအႀကးၾကညရႈရန ပေပၚတြငကလစေပးပါ။ အဒေနရာကေရာကရင ညအစကေမာငႏမမား ေတြ႔ၾကတ အတငးပါပ။ ၁)BrowseBrowseBrowseBrowse ထမေန၍ မမစတႀကကပတစပ (အရြယအစား၊ဖငအမးအစား ကန႔သတ ခကမရ) ကေရြးပါ။ ၂) ၿပးလင Scrolling TextScrolling TextScrolling TextScrolling Text ၏ေဘးမ အကြကတြင မမဘေလာဂနာမည၊ သ႔ မမစတႀကက မမ ေပၚေစခငေသာ စာသားကရကထညပါ။ ၃)ၿပးလင Animate FaviconAnimate FaviconAnimate FaviconAnimate Favicon ၏ေဘးရ Check Box တြင EEEEnablenablenablenable ေပးၿပး Generate FavIcon.icoGenerate FavIcon.icoGenerate FavIcon.icoGenerate FavIcon.ico ကကလစလပပါ။ ၄)ေနာကတစမကႏာတြင DownloadDownloadDownloadDownload ႏင PreviewPreviewPreviewPreview ဆၿပးျပလာမာျဖစပါတယ။ မမ၏ FavIcon အထပက DownloadDownloadDownloadDownload လပပါ။ ၅)ေဒါငးလဒလပလ႔ရလာတ အထပဟာ zip filezip filezip filezip file န႔ထပထားတာျဖစတ အတြက အဒအထပေပၚမာ Right ClRight ClRight ClRight Clickickickick ေပးၿပး Extract HereExtract HereExtract HereExtract Here လပပါ။ ၆)Extra FileExtra FileExtra FileExtra File ထပထမ animated_favicon1animated_favicon1animated_favicon1animated_favicon1 ကေရြးခယၿပး အထကမာ ေျပာခတအတငး မမစတႀကကေနရာတစခမာ Upload လပပါ။ရလာတ လငခက ေကာပကးၿပးမတသားထားပါ။ ၇)ၿပးလင အထကတြငရငးၿပခသညအတငး "URL of your icon file" ေနရာတြငမမ FavIcon ရ လငခကအစားထးထညပါ။

Page 101: Blog Help Desk Book

101

ထစာေၾကာငးရ ' type='image/vnd.microsoft.icon' ဆေသာေနရာတြင ေအာကပါကဒျဖင အစားထးပါ။ type='image/gif' ၈)Template က SaveSaveSaveSave လပၿပးလင အားလး Ready ျဖစပါၿပ။ မမဘေလာဂအား ဘေရာကဇာ အသစတြငဖြငၿပး ေကနပမႈရယပါ။ (Blogging ကအခမ စတငထေတြ႔သမားအတြက ရညရြယၿပး အေသးစတ ေရးသားေပးထားတာ ျဖစပါတယ။ တစကယလပလင(၂)မနစ ေလာကအတြငး ၿပးစးသြားႏငပါတယခငဗား။) Read More...

Posted in Hacks » 5 comments »

Blog Footer Blog Footer Blog Footer Blog Footer က က က က ((((၃၃၃၃)))) ေကာလ ေကာလ ေကာလ ေကာလ ခြျခငး ခြျခငး ခြျခငး ခြျခငး

written by Mhaw Sayar

Contributor: ေမာဆရာ

မမဘေလာဂ မာ Footer က (၃) ေကာလခြလကျခငးအားျဖင ထပေဆာငး Widget ေတြထညဖ႔ အပေနရာေတြ ရရလာေစရမမက၊ Blog ရ ဒဇငးကလညး ယခေနာကဆး Modern Web Design ေရးျခငးမာ အသးျပမႈအမားဆးျဖစေနတ Web 2.0 ပစအျဖစ Upgrade လပၿပးသားျဖစေနပါလမမယ။ ၎အျပင မမဘေလာဂ က Page Loading လပတေနရာမာ ျမနဆနသြကလကလာေစျခငး၊ စတ ထပေဆာငး အကးေကးဇး ေတြကပါ ခစားရဥးမာပါ။ Blog Footer က (၃) ေကာလခြဖ႔အတြက ေအာကပါအဆငမားအတငး လပေဆာငနငပါတယ။ ((((၁၁၁၁) ) ) ) မမ မမ မမ မမ Template Template Template Template က က က က BackupBackupBackupBackup ျပလပျခငး ျပလပျခငး ျပလပျခငး ျပလပျခငး ဒါဟာ ဘေလာဂၢါေကာငး တစေယာကမာ ရေနသငတ အေရးႀကး အမအကငတစခပါပ။ ဘာျဖစလ႔လဆေတာ အကယ၍ Backup လပမထားခရင မမ Template က ျပျပငမႈလပရငး မားယြငးမႈတစစတစရာ ျဖစပြားခပါက အႀကးအကယ မဟတသညတင၊ အနညးအကဥးေတာ ဒကၡေရာကတတလ႔ပါပ။မမမာ Backup လပထားတ Template ရခရငေတာ မားယြငးသြားလငပင သကေတာင သကသာေျဖရငးနငပါလမမယ။ Edit HTML စာမကႏာမာ Download Full Template က ကလစၿပး Template XML ဖငက ေဒါငးလဒ ျပလပထားလကလင Template Backup လပျခငးကစၥၿပးပါၿပ။ ((((၂၂၂၂))))Footer Section Footer Section Footer Section Footer Section ရ ယခင ရ ယခင ရ ယခင ရ ယခင Widget Contents Widget Contents Widget Contents Widget Contents မားက မားက မားက မားက BackupBackupBackupBackup ျပလပျခငး ျပလပျခငး ျပလပျခငး ျပလပျခငး

Page 102: Blog Help Desk Book

102

Blogger Dashboard မတဆင Layout ကသြားၿပး၊ မမ Footer Section မာယခငထညထားတ Widget Content မားအားလးက Edit ကကလစ၍ Copy လပကာ Notepad တစခခငးစႏင သမးဆညးထားပါ။ ၿပးလင ၎ Footer Content မားအားလးက Remove လပပါ။ ဤသ႔မလပလင Template အား Footer Section 3 -Columns ခြ၍ ရမညမဟတ။ New Footer Section ေတြခြၿပးသြားတ အခနကေတာ အလြယတက အားလးကျပနထညနငပါလမမယ။ (ယခငကတညးက Footer Section မာ ဘာမထညမထားတ သမားအေနန႔ကေတာ ဒအဆငက လပေဆာငရနလမည မဟတပါ။) ((((၃၃၃၃))))Footer Section Footer Section Footer Section Footer Section အတြက အတြက အတြက အတြက CSS(CSS(CSS(CSS(CCCCascading ascading ascading ascading SSSStyle tyle tyle tyle SSSSheetsheetsheetsheets) ) ) ) တြင ျဖညစြကေၾကညာျခငးတြင ျဖညစြကေၾကညာျခငးတြင ျဖညစြကေၾကညာျခငးတြင ျဖညစြကေၾကညာျခငး Blogger Dashboard မ တဆင Layout ကသြားၿပး Edit HTML Box ထတြင "</b:skin>" ဆေသာ Tag ကေတြ႔ေအာငရာပါ။ ၎က ေတြ႔သညႏင ထ Tag မတငမ ေအာကပါကဒမားက အေပၚမ ေပါငးထညေပးပါ။ #footer-column-container { clear:both; } .footer-column { padding: 10px; } ((((၄၄၄၄))))ထပေဆာငးကဒမား ထပေဆာငးကဒမား ထပေဆာငးကဒမား ထပေဆာငးကဒမား Footer Section Footer Section Footer Section Footer Section တြငထညသြငးျခငးတြငထညသြငးျခငးတြငထညသြငးျခငးတြငထညသြငးျခငး Blogger Dashboard မတဆင Layout->Template->Edit HTML ကသြားပါ။ ေအာကပါကဒမားက ေတြ႔ေအာငရာပါ။ <div id='footer-wrapper'> <b:section class='footer<b:section class='footer<b:section class='footer<b:section class='footer----wrapper' id='footer'/>wrapper' id='footer'/>wrapper' id='footer'/>wrapper' id='footer'/> </div> အထကပါကဒမားက ရာေဖြရာမာ မမရ Template ေပၚမတညၿပးေတာ အနညးငယကြလြမႈ ရေကာငးရနငပါတယ။ ဥပမာ- 'footer-wrapper' အစား 'footer' ပျဖစေနတာမးေတြရတတပါတယ။အားလးဟာ အတအက ေနရာတငးမာ မတပကြျပားမႈ ရနငတယဆ တာေလးက မတထားဖ႔အတြကပါ။ ၎ Footer Section ကေတြ႔ၿပဆလင ကၽြနေတာတ႔လပဖ႔လတာကေတာ အနႏငျပထားတ ကဒမားအားလးက ေအာကပါကဒမားျဖင အစားထးရနပါပ။

Page 103: Blog Help Desk Book

103

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

Page 104: Blog Help Desk Book

104

ေကာလျဖငေပၚေနတာက ေတြ႔ရပါလမမယ။ Layout ထက သြားၿပး ႀကကနစသကရာ Widget Contents မားထပေဆာငးေပါငးထညနငပါၿပ။

အကယ၍ Footer Section ကပငးျခားထားေသာ ေရျပငညမဥးအေရာငက မမဘေလာႏငလကဖကညေအာငေျပာငးလလပါက ေအာကပါကဒက ေတြ႔ေအာငရာၿပး အနျပထားေသာ ကာလာကဒ ကစတႀကကေျပာငးလသတမတနငပါတယ။ <hr align='center' color='#5d5d54' width='90%'/></p> ကာလာကဒေတြက အတအကန႔ အလြယတက သခငတယဆရငေတာ ဒေဆာဖ၀လ ေလးက ကညနငပါလမမယခငဗား။ ၎မဥး ပါရတာကပင မလလားဘးဆပါကလညး အထကပါ စာေၾကာငးတစေၾကာငးလးက Delete လပလကရသာျဖစပါတယ။ Sources: BLogU | BloggerBuster Technorati Tags:Technorati Tags:Technorati Tags:Technorati Tags: Blogger Hackz | How to | 3 columns footer | footer | blog 3 columns footers | hack Read More...

Posted in Hacks » 0 comments »

ေနာကဆး ေရးထားတ ေနာကဆး ေရးထားတ ေနာကဆး ေရးထားတ ေနာကဆး ေရးထားတ Comment Comment Comment Comment မာမာမာမားက းက းက းက side bar side bar side bar side bar မာ ထညနညးမာ ထညနညးမာ ထညနညးမာ ထညနညး............

written by Yan at Saturday, September 15, 2007

Contributor: ေမာငလ

Page 105: Blog Help Desk Book

105

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

Page 106: Blog Help Desk Book

106

ကေတာ ဘေလာမာေတာ အေပၚက အတငး ျမငေနရပါတယ... Saturngod ေရးတ Comment ေတြက RSS န႕ၾကညမယ... ဆတ post က ဖတၿပး စမးလပၾကညရငး ရလာတာပါ...

Read More...

Posted in comment, Hacks » 1 comments »

Peekaboo Peekaboo Peekaboo 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" />

Page 107: Blog Help Desk Book

107

Update: (As of August 19, 2007) Peekaboo ပ႔စေတြ ခဏခဏ ေဒါငးသြားတတတယလ႔ ျပနေျပာေနၾကတာ ၾကားရပါတယ. ကၽြနေတာလပထားတ႔ Coding က ကၽြနေတာ႔ရ႔ google pages မာ တငထားတ႔ ဖငန႔ပါ. အဒါက တကရကကးမခဘန႔ ကယအဆငေျပတ႔ file hosting site တစခခမာ တငေပးဖ႔ ကၽြနေတာ တကတြနးခ႔ဖးပါတယ. ချဖစရတာက တကရကယသြားတာေတြ မားေနေတာ႔ ကၽြနေတာ႔ရ႔ google pages ေဒါငးသြားတာပါ. ကဗာ. ဖငေပးလကမယေနာ. ဒါက အရငဆး save လပပါ. http://yanaung.prospect.googlepages.com/myhacko.js ျပးရင 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'>

Page 108: Blog Help Desk Book

108

<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'> <p><a expr:onclick='"javascript:showFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>Read More...</a></p> </span> <span id='hidelink' style='display:none'> <p><a expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>Collapse...</a></p> </span> <script type='text/javascript'> checkFull("post-" + "<data:post.id/>"); </script> </b:if> <div style='clear: both;'/> <!-- clear for photos floats --> </div> .... the rest of the template goes here... Template က Save လပလကပါ။

Page 109: Blog Help Desk Book

109

အဆင႔ (၃) 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 လပသြားပါ. ေအာငျမငၾကပါေစ… Read More...

Posted in Hacks, Peekaboo » 15 comments »

Peekaboo Navigation Bar Peekaboo Navigation Bar Peekaboo Navigation Bar Peekaboo Navigation Bar လပျခငးလပျခငးလပျခငးလပျခငး

written by mmhelpdesk Contributor: ဘရင႔ေနာင ဘေလာ႔ဂါ ေတာေတာမားမားက ပ႔စလညးေရးၾကတယ. ကယ႔ဘေလာ႔ဂေလး ကလညး လသညထကလေအာင ျပျပငမြမးမ တတၾကပါတယ. အဒ႔မာ ဘာတစခက လာအရပဆးေစလ ဆေတာ႔ ဘေလာ႔ဂရ႔ အေပၚဆးမာ ရေနတ႔ Blogger Navigation Bar ၾကးပါ.

Page 110: Blog Help Desk Book

110

ကက.. ဒေလာကဆ သေဘာေပါကေရာေပါ႔. ဒ Bar ၾကးက ေဖာကခငတယေနာ. ဟတ. တစခ ႔က အျပးေဖာကထားၾကတယ. အဒါက ဘာမေကာငးဘးလဆေတာ႔ ကယကယတင Sign in ၀ငခငရင https://www.blogger.com/start က ျပနသြားေနရေရာ. အလပရႈပတာေပါ႔ဗာ. ဘာလပမလ. ေဖာကထားမယ. 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

Page 111: Blog Help Desk Book

111

------------------------------ */ ဒမာလာထည႔ … … … 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; } The rest of the template goes here…. မတခက။ ။ Firefox မာပ အလပလပပါတယခငဗာ... Read More...

Posted in Hacks, Peekaboo » 0 comments »

အလြယကဆး အလြယကဆး အလြယကဆး အလြယကဆး EOT EOT EOT EOT လပနညးလပနညးလပနညးလပနညး

written by mmhelpdesk

Contributor: ေမာငလ

ကယရ႕ ဘေလာ (blogspot.com ဘေလာမားသာ) မာ eot ထညခငသမား ခငဗား....

blog template ျပငတအထက HTML ထဝငၿပး style type="text/css" ကရာ၊ ေတြ႕ၿပး ဆအဒ စာေၾကာငးရ႕ ေအာကမာ ေဖာျပပါ စာေၾကာငး ၆-ေၾကာငးက ထညလကရငရပါၿပ ခငဗား...

Page 112: Blog Help Desk Book

112

@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 အတြကပါ... စမးၾကညပါဥး... Read More...

Posted in EOT, Hacks » 4 comments »

Get Zawgyi Get Zawgyi Get Zawgyi Get Zawgyi ---- Blogger Widget Blogger Widget Blogger Widget 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 ကေလးက ထညသြငးလလင ေအာကပါေပးထားတ ခလတေလးက ႏပပါ။

Page 113: Blog Help Desk Book

113

ထ႔ေနာက မမသကဆငရာ ဘေလာဂသ႔ ၀ငေရာကပါ။

မမထညသြငးလေသာ ဘေလာဂက ေ႐ြးခယၿပး "Add Widget" က ႏပပါ။

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

Posted in Hacks, Zawgyi Fonts » 5 comments »

Page 114: Blog Help Desk Book

114

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

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'> <!-- posts -->

Page 115: Blog Help Desk Book

115

<div class='blog-posts'> <!-- on a label page, add a header saying 'Contents' --> <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> <!-- Start loop for displaying posts here --> <b:loop values='data:posts' var='post'> <!-- Date-headers are only displayed if on main, item or archive page --> <!-- If on label-page, then no date-header --> <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> <!-- Here we start displaying the posts. --> <!-- If we are on a label page, only the posttitle is displayed --> <!-- On other pages the entire post is displayed --> <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'/>

Page 116: Blog Help Desk Book

116

</b:if> <b:else/> <b:include data='post' name='post'/> </b:if> <b:else/> <b:include data='post' name='post'/> </b:if> <!-- If on item page display comments --> <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> <!-- navigation --> <b:include name='nextprev'/> <!-- feed links --> <b:include name='feedLinks'/> </b:includable> တစခေကာငးတာက ဒမာတကာေလးအတြက ထည႔ေရးလကတ႔ Coding ေလးေတြဟာ Label ေလးေတြက Click ေခါကလကရငလညး Title ေလးေတြကပ စျပးေပၚေစတာ ျဖစပါတယ. ဖတရႈသအတြက အငမတနမက အဆငေျပေစတ႔ Tool ေလး တစခပါပ ခငဗာ..

Label က ႏပလငျမငရမည႔ပ

အဒါဆရငေတာ႔ ကၽြနေတာ႔ဘေလာ႔ဂမာ တငထားသလ မာတကာပစေလးေတြ ကယ႔ဘေလာ႔ဂမာ

Page 117: Blog Help Desk Book

117

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

Playtagger Playtagger Playtagger Playtagger န႔ သခငးတငနညး န႔ သခငးတငနညး န႔ သခငးတငနညး န႔ သခငးတငနညး ((((အေသးစတ ရငးလငးခကအေသးစတ ရငးလငးခကအေသးစတ ရငးလငးခကအေသးစတ ရငးလငးခက))))

written by Yan at Thursday, March 13, 2008

Contributor: ရနေအာင အားလးပ မဂၤလာပါခငဗာ. အရငဆး Playtagger ေလးအေၾကာငး ပရငးေအာင ေဆြးေႏြးခငပါတယ. က. လရငးက တကရကမသြားခင ဘာေၾကာင႔ ဒလ Process ေလးေတြ လပရတယဆတာက ေနာကျပန ျပနစဥးစားလကရေအာငလား.. သခငးတငခငတယ. အေက.. ဒါဆရင အဒ႔သခငးက ဘယမာတငမာလ. အငတာနကေပၚမာ တငမာေပါ႔. ဟတတယဟတ.

Page 118: Blog Help Desk Book

118

ဒါဆရင စဥးစားၾကည႔ရေအာငလား. ခငဗားစကထမာ ရေနတ႔ သခငးတစပဒက တစကမၻာလးမာ ရေနတ႔ အငတာနက သးသေတြ နားဆငႏငေအာင ခငဗား တစခခက လပရေတာ႔မယ. ဒမာ ေ၀ါဟာရအသစတစခ ၀ငလာျပ. ဖငဟစတငး(File Hosting) တ႔… ဒါက ခငဗားနားလညဖ႔ လအပလာျပ. သက ဘာလပတာလဆေတာ႔ ခငဗားတငခငတ႔ သခငးက အငတာနကေပၚမာ တငႏငေအာင URL လင႔ခတစခထတေပးတာေပါ႔ဗာ. ေျပာရရငေတာ႔ အငားတညးခခြင႔ျပတာေပါ႔. ဒါေၾကာင႔လညး သ႔က Host လပေပးတယလ႔ ေခၚတာေပါ႔. ဒါဆရင ပထမအဆင႔ နားလညသြားျပဗာ ေနာ. အဒါက အကယခ႔ျပး ထပေျပာရရငေတာ႔ သခငးမတငမဟတပါဘး. အားလးအသးျပႏငေအာင တစစတစခက ေ၀မေတာ႔မယ ဆတာန႔ ခငဗားဟာ ဖငဟစတငး ကစၥက အနညးန႔အမား ထေတြ႔ရေတာ႔မာ ျဖစပါတယ. ဖငဟစတငး ဘယလလပလ ဆတ႔ အေသးစတကေတာ႔ ကၽြနေတာ ဒေနရာမာ ေဆြးေႏြးခ႔ျပးပါျပ. ေလ႔လာဖတရႈႏငပါတယ ခငဗာ. ေနာကတစဆင႔ ဆကေျပာမယ. 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%20Nar

Page 119: Blog Help Desk Book

119

r.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=

Page 120: Blog Help Desk Book

120

“http://www.fileden.com/files/2007/9/23/1451933/Nay%20Chin%20Dar%20Minn%20Ah%20Narr.mp3”>ေနခငတာ မငးအနားမာ</a> အလလပလကရင ဒလေလးေပၚလာပါလမ႔မယ. ေနခငတာ မငးအနားမာ

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

Read More...

Posted in Hacks, Music Players, Tools » 0 comments »

DeDeDeDelicious Mp3 Codelicious Mp3 Codelicious Mp3 Codelicious Mp3 Code

written by mmhelpdesk at Friday, August 17, 2007 Contributor: ခမးျမစး ကယရ႕ ၀ကေပခထမာ အမပသရး နားေထာငဖ႔ပ မေ၀ေပးဖ႔ပျဖစျဖစ သးတ ကဒေလးပါ။ ရးရငးၿပး လပရတာလလြယပါတယ။ ဒါေပမ တစခရတာက သက အမပသရးေတြအတြကပ အလပလပပါတယ။ တျခား ေဖာမတေတြဆရငေတာ ေဆာရးပါ။ ဒကဒေလးက ၀ကေပခရ႕ 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

Page 121: Blog Help Desk Book

121

href="http://www.fileden.com/files/2007/2/17/784534/ChitThawKabarMyay.mp3">ခစေသာကမၻာ ေျမ</a> ဒါဆရင ခစေသာကမၻာေျမ လ႔ ေပၚလာမာပါ။ listen ဆတ button ေလးက နပၿပး တကရကနားေထာငရငလညး ရသလ ေဘးက စာသာေလးက ႏပလကရငလညး သခငးက download လပလ႔ရပါတယ။ တစခေကာငးတာက ကယႀကကတ သခငးေလးေတြ ေတြ႕ရင tag this န႔ del.icio.us မာ မတထားလ႔ ရတာပါပ။ စမးၾကညသမေတာ သခငးအားလးက ေကာငးေကာငးမြနမြန အထစအေငါမရ နားေထာငႏငတာေတြ႕ရပါတယ။ Read More...

Posted in Music Players, Tools » 2 comments »

Window Media PlayerWindow Media PlayerWindow Media PlayerWindow Media Player ျဖင ျဖင ျဖင ျဖင Playlist Playlist Playlist 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:

Page 122: Blog Help Desk Book

122

၃။ ထဖငက music.m3u နာမညျဖငသမးပါ။ [ music နာမညအစားႀကကတ နာမညတစခခသး၍ရပါသည။ သ႔ေသာ .m3u extension ကေတာ မပါမျဖစ ပါရပါမည။ ] ၄။ music.m3u ဖငက FileHosting (eg. fielden.com) တစခခတြင Upload လပပါ။ ၅။ Webpage Webpage Webpage Webpage ((((သ႔သ႔သ႔သ႔) ) ) ) Old BloggerOld BloggerOld BloggerOld Blogger တြင Player ထညသြငးရနအတြက အသးျပရမည Code မာ ...

< OBJECT ID="MediaPlayer1" CLASSID="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95" CODEBASE="http://activex.microsoft.com /activex/controls/mplayer/en/nsmp2inf.cab# Version=5,1,52,701" STANDBY="Loading Microsoft Windows® Media Player components..." TYPE="application/x-oleobject" width="280" height="46" > <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> ၆။ BetaBloggerBetaBloggerBetaBloggerBetaBlogger တြင ထညသြငးရမည Code ...

<OBJECT ID="MediaPlayer1" CLASSID="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95" CODEBASE="http://activex.microsoft.com

Page 123: Blog Help Desk Book

123

/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 Blog Blog Blog တြင ျမနမာျပကၡဒန ထညသြငးနညးတြင ျမနမာျပကၡဒန ထညသြငးနညးတြင ျမနမာျပကၡဒန ထညသြငးနညးတြင ျမနမာျပကၡဒန ထညသြငးနညး

written by mmhelpdesk at Friday, August 17, 2007 Contributor: ၀ဏၰက ျမနမာ ျပကၡဒန က ဘေလာ႔ဂါမား အတြက RSS version န႔ ထပထပေပးလကပါတယ။ 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" က ႏပပါ။

Page 124: Blog Help Desk Book

124

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" က ႏပပါ။ ေန႔စဥေန႔တငး ျမနမာျပကၡဒနမ ရကစြမား အလအေလာက ေျပာငးလေနပါလမမည။ Read More... ------------------------------

Blogger IBlogger IBlogger IBlogger In Draft { Updated! }n Draft { Updated! }n Draft { Updated! }n Draft { Updated! }

written by Mhaw Sayar at Friday, December 7, 2007

Contributor: ေမာဆရာ

Blogger Draft Blogger Draft Blogger Draft Blogger Draft ေနာကတစေခါကျပနလာပါၿပ။ အရငကထက Feature ေတြပစလာတယ။ ေနာက ေဘာဒါ ေဟာငးႀကး Blogger.Com ကအၿမသးေနရတာ ၾကာလ႔ ၿငးေငြ႔လာတသေတြ အတြကလညး ေျပာငးအသးျပလ႔ရတာေပါ။ ကၽြနေတာလညး အမနအတငးေျပာရရင Draft က Beta ထကပႀကကတယဗ။ သးရတာ ေပါတယ။ Design ေတြလနးတယ။ ဒါန႔ အခအသစတစဖန ျပန Launch လပလကတ Draft ကေလလာၾကညေတာ ေအာကပါအခကေတြက (အျပညအစေတာ မဟတႏငေသး.. ကၽြနေတာသတထားမ သမသာ) Major Update ေတြအျဖစေတြ႔ရတယဗ ႔။ (က) Blogger 3.0 Rounder Template မားထညသြငးေပးထားျခငး {Template အပငးမာထညထားတာဗ} (ခ) အသး၀ငတ Special Widget ေတြ အလြယတစက အသးျပလ႔ရေအာင ထပမျဖညစြကထားျခငး { Google

Page 125: Blog Help Desk Book

125

Gadgets,Search Box,Pool & Slide Show or Photo Album စသျဖင..} ကၽြနေတာ ေရၾကညတာ စစေပါငး Widget -၁၉ ခအထရပါတယ။ Blogger Beta မာေတာင ၁၆-ခပပါတယ။ အဒထက ကၽြနေတာစတႀကက Widget တစခကျပပါဆရင ”Subscription Links” ဆတ Widget ကျပရမာပ။ အရငက ကယ Blog လာလညသေတြ စတႀကက Reader တစခခန႔ ဖတႏငဖ႔အေရး၊ ကယတငရာႀကလပကငၿပး ဒ Widget ရေအာငလပခရတာေလ။ အခေတာ လြယမလြယ။ 1 Click & 2 Done! ပ။

(ဂ)ေနာကထပ အေကာငးဆး Feature တစခကေတာ OpenIDOpenIDOpenIDOpenID ပါပ။ မနပါတယ။ အခဆရင Blogger ရ Beta မာမရေသးတ ဒ Feature OpenID က Blogger Draft မာရရေနပါၿပ။ OpenID အသးျပျခငးျဖင မညသညဘေလာမဆ (Google Account မရေသာျငားလညး) ခငဗား Comment ၀ငေရးလ႔ရပါၿပ။ ဒါဟာ Blogger ေတြတငမက Reader ေတြအတြကပါ အရမးက အဆငေျပ၊ အသးကလြနးတ Feature တစခပါ။ ဒ Feature (Wordpress မာေတာရတာ ၾကာပါၿပ) ရရလာျခငးျဖင မညသမဆ Knowledge ပငးဆငရာေတြ ကလြတလပစြာ ႏးေႏာဖလယခြငရရေစပါတယ။ {OpenID အေၾကာငးသဖ႔န႔ ကယပင OpenID တစခရယဖ႔အတြက {ဒေနရာဒေနရာဒေနရာဒေနရာ} ကသြားပါ။} ****************************************************** Blogger in Draft Blogger in Draft Blogger in Draft Blogger in Draft ၏ ေနာကဆကတြသတငး၏ ေနာကဆကတြသတငး၏ ေနာကဆကတြသတငး၏ ေနာကဆကတြသတငး

Page 126: Blog Help Desk Book

126

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

Page 127: Blog Help Desk Book

127

Blogger in Draft Blogger in Draft Blogger in Draft Blogger in Draft ႏင ႏင ႏင ႏင Blogger Beta Blogger Beta Blogger Beta Blogger Beta တြင တြင တြင တြင Widget Widget Widget Widget မားထညသြငးနညးမားထညသြငးနညးမားထညသြငးနညးမားထညသြငးနညး BLogger မာ Widget တစခက ဘယလထညရမယဆတာ သၿပးသားသမား အတြကကေတာ ဒအဆငမာတင ၿပးသြားပါၿပ။ အခဆကေရးမာက ၎ Widget ေတြက မမဘေလာဂ အတြငးသ႔ ဘယလထညရမယဆတာ မသေသးသမားအတြက ထပေဆာငးရငးလငးခက သေဘာမး ျဖစပါတယ။ ၎နညးလမးမားအတငး ေနာကမားမာလညး မမႏစသကရာ Widget ေတြက အလြယတစက ထညသြငးလ႔ရေစပါမယ။ (က) အထကပါ Widget ကထညသြငးရနအတြက Blogger in DraftBlogger in DraftBlogger in DraftBlogger 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 " ဆတာက ထပကလစပါ။

Page 128: Blog Help Desk Book

128

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

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

Page 129: Blog Help Desk Book

129

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

Widget အသစမားျဖင ေပာရႊငလပ၊ ဘေလာဂႏငၾကေစ ကနသတညး။ ------------------------

ဓာတပေတြက မရငးအရြယအစားအတငး ေပၚေစလလငဓာတပေတြက မရငးအရြယအစားအတငး ေပၚေစလလငဓာတပေတြက မရငးအရြယအစားအတငး ေပၚေစလလငဓာတပေတြက မရငးအရြယအစားအတငး ေပၚေစလလင............

written by Yan at Tuesday, May 6, 2008

Page 130: Blog Help Desk Book

130

Contributor: ရနေအာင အားလးပ မဂၤလာပါ. ဒတစခါေတာ႔ ဘေလာ႔ဂမာ ဓာတပေတြ တငတ႔ အေၾကာငးေလး ေဆြးေႏြးခငပါတယ… အလေျပာလကလ႔. “ဟာ… ဒတငးဓာတပေကာကတငတာမား ေရးၾကးခြငကယ ပ႔စတစခေရးေနစရာလား” လ႔ အေျပာမေစာလကပါန႔ဥး. မတပါဘးခငဗာ. အထးသျဖင႔ Screenshot န႔ ရကယထားတ႔ Thumbnail အရြယအစားဓာတပေလးေတြဆရင ဘေလာ႔ဂမာ ဒတငးတငလကရင သပျပးေတာ႔ မသကြ မျပတသားေတြ ရႏငပါတယ. အဒ႔အခနကရင ဒပ႔စေလးရ႔ အသး၀ငပက သတတရ ရေနၾကလမ႔မယလ႔ ေမာလင႔ပါတယ. မတပက ဒမာၾကည႔ပါ. ဒါက PayPal Website မာ ကၽြနေတာေျပာျပခငတ႔ အပငးေလးက Screenshot ရကယခ႔ပါတယ. ျပးေတာ႔ ဓာတပတငတ႔အခါမာ Large က ေရြးျပး တငလကပါတယ. လကေတြ႔မာ ထြကလာတ႔ ပက ဒလပါ.

စာဖတသမာ ေတာေတာေလးက အားစကျပး ဖတယရလမ႔မယလ႔ ထငပါတယ. ဒေတာ႔ စာဖတသဟာ အဒ႔ပေလးက ကလစေခါကလကျပး အသစပြင႔လာမယ႔ Windows မာ ပၾကးၾကးန႔ ေပၚလာတာက ျပနၾကည႔ယရပါတယ. အလပရႈပသြားတာေပါ႔ဗာ ေနာ.အဒါက ေျဖရငးခငလ႔ ဒပ႔စေလးေရးတာပါ. ဒေတာ႔ ကၽြနေတာတ႔ ခနက တငလကတ႔ ဓာတပမာ ဘာေတြထးျခားသြားလဆတာေလးက သ႔ရ႔ ကဒဒငးေလး ယျပး ၾကည႔လကၾကရေအာင.

Page 131: Blog Help Desk Book

131

Code:Code:Code: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> အဒ႔မာ စာေၾကာငးႏစေၾကာငးရ႔ ထးျခားခကက ေလ႔လာၾကည႔လကၾကရေအာင. href="http://bp2.blogger.com/_n_MLLA-ikmU/SCFLzvypTxI/AAAAAAAABtI/bMB1LAjBexA/s1600s1600s1600s1600----hhhh/PayPal8.bmp"> န႔ src=http://bp2.blogger.com/_n_MLLA-ikmU/SCFLzvypTxI/AAAAAAAABtI/bMB1LAjBexA/s400s400s400s400/PayPal8.bmp သတ႔ႏစေၾကာငးမာ ကြာျခားခကတစခပ ရပါတယ. ဘာလဆေတာ႔ s1600-h န႔ s400 ပါ. ကနတာအားလးအတတပ ျဖစပါတယ. သတ႔ေတြက ဘာကဆလတာလ ဆကၾကည႔လကၾကရေအာင. အေပၚက s1600-h ပါတ႔ စာေၾကာငးက စာဖတသအေနန႔ ဘေလာ႔ဂေပၚက ဓာတပက ကလစေခါကလကရင ေပၚလာမယ႔ နဂမရငး အရြယအစားရတ႔ ဓာတပျဖစပါတယ. ေအာကက စာေၾကာငးေလးထမာပါတ႔ s400 ကေတာ႔ မရငး ဓာတပက က႔လကျပး ဘေလာ႔ဂေပၚတငလ႔ရေအာင လပေပးထားတာ ျဖစပါတယ. ကၽြနေတာတ႔က လကရ Blogger Platform က ေပးထားတ႔ ဓာတပဆဒထက ပၾကးတာလခငေနတယ. ဆလတာက နဂမရငး အရြယအစားကပ တငခငတာ. ဒါမ စာေသးေသးေလးေတြပါ ေပၚမယေလ. ဒေတာ႔ ဘာလပမလ. လြယပါတယ.

Page 132: Blog Help Desk Book

132

အဒ႔ အရြယအစားက ကန႔သတေပးေနတ႔ 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:

Page 133: Blog Help Desk Book

133

၀နခခက။ ။ ဒေနရာက ပ႔စေလးက သင႔ေတာသလ ဘာသာျပနဆေရးသားပါတယ ခငဗာ... အားလးက ခစခငေလးစားလက ---------------------------

ScrollBox ScrollBox ScrollBox ScrollBox ထည႔နညးထည႔နညးထည႔နညးထည႔နညး

written by Yan at Wednesday, February 20, 2008

Contributor: ရနေအာင

အားလးပ မဂၤလာပါ. ဒတစခါေတာ႔ ကၽြနေတာတ႔ရ႔ ဘေလာ႔ဂေလးေတြ၊ ၀ကဘဆဒေလးေတြထမာ Scroll Box ေလးေတြ ထည႔နညးက ေျပာျပခငပါတယ.

Page 134: Blog Help Desk Book

134

အရငဆး ဒါေလးက မေလ႔လာခင Scroll box ေလးေတြ ဆတာ ဘာလ. ဘယလေနရာမာ အသး၀ငႏငသလ ဆတာေလးက အရငစဥးစားၾကည႔လကၾကရေအာင. ကဗာ. ခငဗားက စာပဒအရညၾကးတစခက အကးအကားအေနန႔ ျပခငတယ. အကနလးက ရကျပလကရငလညး ခငဗားရ႔ ပ႔စက အရညၾကး ျဖစသြားမယ. အလမးဆရင ခငဗားေပးခငတ႔ မကေဆ႔ခက ေ၀၀ါးသြားမယ. ခငဗားလပခငတာက အဒ႔ အကးအကား စာပဒေလးက ထည႔ေပးထားျပး စာဖတသက ဖတခငရင Scroll Down/Up လပျပး ဖတ၊ တကယလ႔ ဓာတပေတြ အမားၾကး တငခငတယဆရငလညး ဒလ Scroll box ေလးထ ထည႔ျပး ျပထားလကရင ဓာတပ အယလဘမ တစခ ပစမးေလး ဖနတးလ႔ရမယ၊ စာဖတသက ပေတြက သလသလ၊ ၾကကသလ Scroll Down/Up လပျပး ၾကည႔. ဒါမးေပါ႔ဗာ. အဓကကေတာ႔ Space က အတတႏငဆး က႔လကျပး ေပးခငတ႔ အေၾကာငးအရာက သသာ ထငရားေအာင လပေပးတာပါပ. ဥပမာေလးက ဒမာၾကည႔ပါ.

မငးရ႔ ဆႏြယေခြေတြထမာ

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

ငကငယေတြ ၀နးရေနတ႔

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

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

Page 135: Blog Help Desk Book

135

မငးအတြက အခစပနး…

<ေရခငက>

က. ဘယလလပရမလ ဆေတာ႔ ဒလလပပါ ခငဗာ… အခ ကၽြနေတာေပးလကမယ႔ 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 Border: 3px solid green Border: 3px solid green Border: 3px solid green အဒါေလးက ဘာေျပာလ ဆေတာ႔ Box အစမးေရာငေလး တစခလပမယ. ေဘာငက 3 pixel အထေပးမယလ႔ ဆလပါတယ. အေရာငေတြ အမးမး ေျပာငးယႏငသလ border ကလညး Dashed တ႔ Dotted တ႔ စသျဖင႔ ေပးႏငပါတယ. height:100px , width:150pxheight:100px , width:150pxheight:100px , width:150pxheight:100px , width:150px ဒါေလးကေတာ႔ Box ေလးရ႔ အျမင႔န႔ အကယက ေျပာပါတယ. နပါတေလးေတြက လသလ ကစားၾကည႔ျပး

Page 136: Blog Help Desk Book

136

ကယ႔စတၾကက Box အရြယအစားေလးက ဖနတးယႏငပါတယ. color:black ဒါကေတာ႔ Box ေလးထမာ ေပၚမယ႔ စာသားေလးေတြရ႔ အေရာငပါ. Red, Orange, Green စသျဖင႔ စတၾကကေျပာငးေပးႏငပါတယ. background-color:white ဒါကေတာ႔ Box ေလးရ႔ ေနာကခ အေရာငပါ. ကယေရြးခယတ႔ ေနာကခ အေရာငန႔ Text အေရာငက လကဖကေအာင ေရြးခယေပးသင႔ပါတယ. ဥပမာ. အျဖေနာကခမာ အမညးစာလးေပၚေအာင လပသလမးေပါ႔ဗာ. က. ဒေလာကပါပ. အစမးလပျပထားတ႔ Box ေလးက ေလ႔လာၾကည႔ႏငပါတယ. မရငးလငးတာရရငလညး ေကာမန႔မာ ဆကသြယေမးျမနးႏငပါတယ. အားလးပ ေပာရႊငခမးေျမ႔စြာ ဘေလာ႔ဂငးႏငၾကပါေစခငဗာ… ခစခငေလးစားလက ရနေအာင

အေျပာငးအလအေျပာငးအလအေျပာငးအလအေျပာငးအလ

ႏစဥးတယဥ၊ ဒအပငေအာက ပနးေၾကြေကာကစဥ၊ ရငတထတထတ ဒအရပမာ၊ ခစစတေ၀ခ႔ဖးပါတယ.

သစျမစဆခြ၊ ယဥထငၾကရငး

ျမေခာငးေရေၾကာ၊ ပနးေၾကြေမာမ ၾကည႔ရငးၾကညႏး၊ ေခာငးနဖးမာ

စတကးႏသစခ႔ဖးတယ.

ခငကပစေတာ႔ ဒသစပငေအာက၊ ပနးမေကာကခင ႏြမးေျခာကေသြ႔ဆတ၊ ဒအရပမာ လြမးစတရာေထာင ေ၀ဖးတယ.

ခငမၾကငေတာ႔

ညငညငေရစး၊ တမးတညညးဟန ခင႔ရယသလား၊ ၀း၀ါးထငမ ၾကည႔ေလရာရာ၊ ေ၀ဒနာႏင႔ ေရျပာအလ ကငးဖးတယ.

Page 137: Blog Help Desk Book

137

ေဩာ… ႏစေတြၾကာလ႔

တစခါတစေခါက၊ ဒကေရာကလင တ႔ငယစဥက၊ ေႏာငမငတြယရစ အခစအလြမး၊ ဖမးစားည ႔ငင ဒသစပငကား၊ ေခာငးေရစား၍ ကမးပါးျပေနာက ပါေလျပ…

ဒကျပနလင၊ ရငမခနတတ

မလြမးတတေတာ႔၊ စတဓာတရင႔ကက ခစားခကတ႔၊ ပကျပယခ႔ရ

အနညကျပ… ဘ၀ဆတာ… ဒါပ ခင…

ေမာငစန၀ငး (ပတးကနး)

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

Google webmaster toolsGoogle webmaster toolsGoogle webmaster toolsGoogle 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 ၀ငေဆာငမႈ ျပလပေပးတ ကမၸဏေတြ အလလ ေပၚေပါကလာရတာ ျဖစပါတယ။

Page 138: Blog Help Desk Book

138

Google အပါအ၀င Yahoo, MSN တ႕လ Search engine ေတြမာ Webmaster ေတြအတြက အကအညေပးမယ Tools ေတြရပါတယ။ ၄ငး Tools ေတြက အကးရရ အသးချခငးန႕ မမတ႕ Site က Search engine ေတြရ႕ အေပၚပငးက ေရာကေအာင အတငးအတာ တခအထ အကအည ေပးႏငပါတယ။ ကမာၻ႕အသးအမားဆးျဖစတ Google ရ႕ Webmaster tools ေတြက ကၽြနေတာတ႕ ေလလာ ၾကညၾကရေအာင...။

(၁) ကၽြနေတာတ႕ရ႕ Website/blog တညေဆာကထားတာ ရကပငးပ ရေသးတယဆရင ပထမဆး လပသငတာက Add your URL to GoogleAdd your URL to GoogleAdd your URL to GoogleAdd your URL to Google မာ ကၽြနေတာတ႕ Site ရ႕ Url က Add ေပးရပါမယ။ Google န႕ မတဆကေပးတယေပါဗာ။ ဒါဆရင 3 ရကမ 7 ရက အတြငးမာ Googlebot ေတြ လာေရာက Access လပၿပး Search engine အတြက Google's Index မာ ထညသြငး ေပးသြားမာ ျဖစပါတယ။

(၂) Google Webmaster CentralGoogle Webmaster CentralGoogle Webmaster CentralGoogle 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 တေျဖးေျဖး တတလာမာ ျဖစပါတယ။

Page 139: Blog Help Desk Book

139

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

Page 140: Blog Help Desk Book

140

(၃.၂) ဒတယနညး Upload an HTML file ကေတာ ပၿပးလြယပါတယ။ ႏစသကရာ Text editor တခခန႕ ေပးထားတ google..xx.html နာမညန႕ ဖငတခ လပရပါမယ။ အဒဖငက site ရ႕ root directory က တငေပး လကယပါပ။ ဥပမာ smsy.iblogger.org အတြကဆရင /smsy.iblogger.org/htdocs ထက upload တငေပးရမာ ျဖစပါတယ P[3.2] ။

Page 141: Blog Help Desk Book

141

(၄) Site verified ျဖစသြားရင P[4] မာလျမငရပါမယ။ ေနာကတစဆငကေတာ Sitemap က add ေပးပါမယ။ Sitemap add ေပးတ ရညရြယခကကေတာ Googlebot (ေခၚ) google web crawlers (search engine အတြက website မား၏ အခကအလကက ေကာကယေပးေသာ ပရဂရမ) ေတြက Site ရ႕ Pages, Posts အခကအလက အားလးက ျပညျပညစစ ေကာကယေစႏငဖ႕အတြက Sitemap န႕ကည လမးျပေပးတ သေဘာမးပါပ။

Page 142: Blog Help Desk Book

142

Sitemaps ထက Add sitemap ကသြားပါမယ P[4] ။ Choose type ဆတ drop down list မာ Add general webs sitemap ကေရြးပါမယ။ WordPress အတြကကေတာ XML Sitemap Plugin န႕ ျပလပထားတ sitemap.xml က ထညေပးလကယပါပ P[4.1] ။

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] အတငး အခကအလကေတြက ျမငေတြ႕ရပါမယ။

Page 143: Blog Help Desk Book

143

အဆငေတြ အားလး ျပလပ ေအာငျမငၿပဆရင SEO အတြက အေျခခ အဆငတစခေတာ အဆငေျပသြားပါၿပ။ Search engine ရ႕ ထပပငးက ေရာကရဖ႕ အတြကကေတာ ဒေလာက မလြယကပါဘး။ အျခား အေၾကာငးအရာေပါငး မားစြာ ဆကႏြယ ေနပါေသးတယ။ မဟတရင SEO အတြက ၀နေဆာငမႈ ကမၸဏေတြ ဘယလ ျဖစေပၚလာႏငပါမလ။ ဘယလပျဖစျဖစ ျမနမာစာန႕ ရာေဖြမႈေတြအတြက တစတခတာ အကးရႏငမာ ေသခာပါတယ။ Google တငမကပ Yahoo အတြက Yahoo Site Explorer , MSN အတြက Webmaster tools တ႕မာ အလားတ ျပလပေပးႏငပါေသးတယ။ Site Verify လပျခငး၊ Sitemap Add ေပးျခငး ပစ မကြာျခားလပါဘး။ ကနရေနေသးတ Webmaster tools ေတြက အလငးသငသလ တငေျပေပးသြားမယ။

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

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

written by Yan at Sunday, January 6, 2008

Contributor: ရနေအာင

အားလးပ မဂၤလာပါခငဗာ. ကၽြနေတာလညး နညးပညာေဆာငးပါးေလးေတြ မေရးျဖစတာ ၾကာပါျပ. ခမပ စတျပနလညလာလ႔ ျပနေရးျဖစေတာ႔မယဗာ. ဒတစခါေတာ႔ ဘေလာ႔ဂမာ ဇယားကြကေလးေတြ တငတာက ေျပာျပခငပါတယ. HTML

Page 144: Blog Help Desk Book

144

နားလညျပးသားသေတြေရာ၊ သပမသေသးတ႔သေတြပါ နားလညသြားေအာင တတႏငသေလာက အရငးဆးပစန႔ ေဆြးေႏြးသြားပါမယ. Table ဆတာ ဇယားကြကေလးေတြေပါ႔ဗာ. ရငးပါတယေနာ.

ဇယားကြကေလးေတြက ရညရြယခကအမးမးန႔ ဥာဏရသလ အသးျပႏငၾကပါတယ. တစခ ႔က 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 ၾကး ျဖစေပၚလာရတာပါ.

Page 145: Blog Help Desk Book

145

ေခါငးစဥ (၁) ေခါငးစဥ (၂) ေခါငးစဥ (၃)

row 1 col 1 row 1 col 2 row 1 col 3

row 2 col 1 row 2 col 2 row 2 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 တစခစက ကယစားျပသြားပါတယ.

Page 146: Blog Help Desk Book

146

ဥပမာ. ကၽြနေတာတ႔ 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>

Page 147: Blog Help Desk Book

147

</table> </center> ေတြ႔တယေနာ. ေနာကတစခထပထည႔ပါမယ. <center> <table border= “1”> <tr> <td>We</td> <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

Page 148: Blog Help Desk Book

148

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

Page 149: Blog Help Desk Book

149

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

row 1 col 1 row 1 col 2 row 1 col 3

row 2 col 1 row 2 col 2 row 2 col 3

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

Page 150: Blog Help Desk Book

150

ဒလစမးၾကည႔မယဗာ.

ဇယား ဇယား ဇယား ဇယား ((((၁)၁)၁)၁)

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

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

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

ဇယား ဇယား ဇယား ဇယား ((((၂)၂)၂)၂)

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

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

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

ဇယား ဇယား ဇယား ဇယား ((((၃)၃)၃)၃)

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

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

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

က. Table ေလးေတြက ဆကျပး ကလလကၾကရေအာင. <style type="text/css">.nobrtable br { display: none }</style> <div class="nobrtable">

Page 151: Blog Help Desk Book

151

<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 ေလးေတြ ရႏငပါတယ ခငဗာ.

A background coA background coA background coA background color:lor:lor:lor:

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

Page 152: Blog Help Desk Book

152

<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:A background image:A background image:A background image:

First Row

Second Row

ကယ႔ရ႔လအပခကေပၚ မတညျပး ဒပ႔စေလးက အကးရစြာ အသးခႏငၾကမယလ႔ ေမာလင႔မပါေၾကာငး…. Acknowledgement: ဒေနရာက ပ႔စေလးက အေျခချပး သင႔ေတာသလ ျဖည႔စြက ေရးသားပါတယ ခငဗာ. ခငမငေလးစားလက

Page 153: Blog Help Desk Book

153

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

Blogger Blogger Blogger Blogger အတြက အတြက အတြက အတြက Wordpress ThemesWordpress ThemesWordpress ThemesWordpress Themes

written by Yan at Sunday, December 16, 2007

Contributor: ရနေအာင

အားလးပ မဂၤလာပါခငဗာ. ခတေလာ ကသၾကၤနတ႔၊ က Thinker တ႔၊ ကေမာဆရာတ႔က Wordpress Template ေတြအေၾကာငး ေတာေတာေလး ေဆြးေႏြးေနၾကတာက ေတြ႔ရပါတယ. ကၽြနေတာေတာင စတပါလာတယ.(ေဩာ. Wordpress ဖကေျပာငးဖ႔က ေျပာတာပါ. ဟတဟတ.) က. Wordpress ဖကက မသြားခငေသးဘး. Blogger မာပ Wordpress Themes ေလးေတြန႔ စမးသပၾကည႔ခငေသးတယ ဆရငေတာ႔ ဒဆဒေလးက သြားၾကည႔လကပါခငဗာ. http://thaslayer.com/category/templates/ အားလးပ အဆငေျပၾကပါေစ.. ခငမငေလးစားလက

Page 154: Blog Help Desk Book

154

ရနေအာင

Read More...

Posted in Templates » 0 comments »

MyanmarMyanmarMyanmarMyanmar----Neo TemplateNeo TemplateNeo TemplateNeo Template

written by Mhaw Sayar at Sunday, December 2, 2007

Contributor: ေမာဆရာ Neo Neo Neo Neo ဆတာဘာလဆတာဘာလဆတာဘာလဆတာဘာလ

အလြယကဆး ေျပာရရငေတာ ဘေလာဂၢါရ မရငး Template က Java Script(AJAX Technology) န႔ အဆငျမငထားတ ၊ အသးျပရ အလြနလြယကလၿပး ၊ Web Page တစခႏင တစခအကးတြင Page Loading လး၀ေစာငဆငးစရာ မလတ အရမးသြကလက ေပါပါးတ Template တစခပါပ။ သ႔အေၾကာငး အျပည အစသခငရငေတာ ဒမာ ဖတရႈႏငပါတယ။ Neo Neo Neo 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 ကအလြယတစက ျပနသးလ႔ ရေစရန ျဖစပါတယ။

Page 155: Blog Help Desk Book

155

အဆင(၂)။ ။၎ Edit Html စာမကႏာရ Coding Box ထမာ <body> ဆတ ကဒက ေတြ႔ေအာငရာပါ။ Ctrl+F ကႏပၿပး Search Box ေပၚလာတာန႔ ၎ ကဒက Search Box ထမာ ရကထညၿပးအလြယတစက ရာနငပါတယ။ <body> ကဒက ေတြ႔ပါက ၎၏ ေနာကရ စာေၾကာငးမားထမ<b:widget> ျဖငအစျပေသာ စာေၾကာငးမနသမက ေကာပလပၿပး Note Pad သ႔ ၊ Word Pad တစခခတြငသမးထားပါ။ မတခက။<b;widget><widget id=Blog1.....>ဆေသာစာေၾကာငးက ကးစရာမလပါ။ အဆင(၃)။အထကပါအဆငမားအားလးၿပးဆးပါက ဒေနရာ မာ 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 ” ဆရငအားလးေအာငျမငစြာၿပးဆး

Page 156: Blog Help Desk Book

156

ပါၿပ။ဒလမဟတပ ေအာကက ပအတငး 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 ေတြျဖစတ အတြက မမစတႀကက ၿပျပငဖကသမး လပနငမာျဖစပါတယ။ ဒါကေတာ ပမန Neo Template တစခက ဘယလ Install လပရမယဆတာကရငးျပခတာျဖစပါတယ။ မရငးနယ Template ကအသးျပခငသမားအတြက ဒေနရာ မာႀကကႏစသကရာ ဒဇငးကေရြးခယၿပး

Page 157: Blog Help Desk Book

157

စတႀကက အသးျပနငၾကပါေၾကာငး။ ျမနမာ ဘေလာဂၢါမားအတြက ျမနမာ ဘေလာဂၢါမားအတြက ျမနမာ ဘေလာဂၢါမားအတြက ျမနမာ ဘေလာဂၢါမားအတြက Neo Template Neo Template Neo 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 ေဖာငထ လပစာထညရပါမယ။); }

Page 158: Blog Help Desk Book

158

Eot ေဖာငထ ဆတာ ဘာလ ၊ ဘယလလပရမလဆတာေတြကေတာ ဒေနရာ မာရငးျပထားတာရပါတယ။ Read More...

Posted in Templates » 0 comments »

Template Width Template Width Template Width Template Width ခ႔နညးခ႔နညးခ႔နညးခ႔နညး

written by mmhelpdesk at Sunday, August 19, 2007 Contributor: ေ၀ယလငး ဒပ႔စေလးက ျမနမာဘေလာ႔ဂါဖရမ ကေန ယလာခ႔ပါတယ တနးပလတက width change ခငတယဆရငေတာ ပထမဆးတနးပလတ ကဒေတြကၾကညလကပါ။ ၿပးရငေအာကမာျပထားတကဒေတြကရာပါ။ #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 */

Page 159: Blog Help Desk Book

159

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 */ } အဒဂဏနးေတြကေျပာငးလကပါ။ ၿပးရင #outer-wrapper { width: 780px; margin:0 auto; padding:10px; text-align:left; font: normal normal 100% Georgia, Serif; } ဒါဆရငပ႔စက 500px ရၿပး ဆဒဘားကေတာ 250px ရေနမာပါ။ သတ႔ၾကားကအကြာအေ၀းကေတာ 30px ေပါ။ ဒါေပမယ header box ကေသးေနပါလမမယ။ လကႀကးခငတယဆရငေတာ

Page 160: Blog Help Desk Book

160

#header-wrapper { width:660px; margin:0 auto 10px; border:1px solid #cccccc; } အဒကဒကရာၿပး width:660px; ေနရာမာ width:780px; ကေျပာငးေပးလကရပါပ။ Read More...

Posted in Templates » 1 comments »

ကယပင ကယပင ကယပင ကယပင New Blogger Template New Blogger Template New Blogger Template 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"> <!-- some css styling here --> </style> </head> <body>

Page 161: Blog Help Desk Book

161

<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[/* */ <!-- some css styling here --> ]]></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>

Page 162: Blog Help Desk Book

162

</body> </html> ဒေနရာမာ

<style type="text/css"> <!-- some css styling here --> </style> အစား

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

<!-- begin container --> <div id='container'> <!-- begin header --> <b:section class='header' id='header' maxwidgets='1' showaddelement='no'> <b:widget id='Header1' locked='true' title='' type='Header'/> </b:section> <!-- end header --> <!-- begin main --> <b:section class='main' id='main' showaddelement='no'> <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/> </b:section> <!-- end main --> <!-- begin sidebar1 --> <b:section class='sidebar' id='sidebar1'/>

Page 163: Blog Help Desk Book

163

<!-- end sidebar1 --> <!-- begin sidebar2 --> <b:section class='sidebar' id='sidebar2'/> <!-- end sidebar2 --> <!-- begin footer --> <b:section class='footer' id='footer'/> <!-- end footer --> </div> <!-- end container --> ဒါဆရငေတာ ဒတနးပလတက upload လပလ႔ရပါၿပ။ ဒါေပမယ ဘာေလးေအာကမ မရပါဘး။ Layout အတြက CSS န႔ လပရင ရပါၿပ။ Technorati:New Blogger Template Read More...

Posted in Templates » 0 comments »

Template Template Template Template ဒဇငးမားဒဇငးမားဒဇငးမားဒဇငးမား

written by mmhelpdesk Contributor: ရနေအာင Blogger Site က ေပးထားတ႔ Template ေတြက 2 Columns ေတြခညးပါပ. အဒါက 3 Columns လပခငရင ကယတင column ထပတးႏငသလ အသင႔လပျပးသား Template မားကလညး ယသးႏငပါတယ ခငဗာ. Template အသစေလးေတြ ထပလခငသမားအတြက ready made လပထားျပးသား 2-column-templates န႔ 3-column-templates မားက ေအာကမာ ေဖာျပေပးလကပါတယ. ဒါကေတာ႔ ကမးေကာထြနးေျပာျပတ႔ Sidebar မာ Column ထပထည႔တာက ေလ႔လာႏငတ႔ လင႔ခပါ.

Page 164: Blog Help Desk Book

164

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