a (blog - weebly2015kyawoo.weebly.com/uploads/4/9/0/2/4902177/making...a (blog a ) o font download...

30

Upload: buianh

Post on 06-May-2018

240 views

Category:

Documents


1 download

TRANSCRIPT

မာတကာ

� Aပငး ၁ (Blog လပရန လAပတာမား ျပငဆငျခငး) o Font Download And Install

o Keyboard Download And Install

o Type Zawgyi-one font

o Zawgyi-one font Aား Eot လပျခငး o Upload EOT

� Aပငး ၂ (Blog လပျခငး) o ျမနမာစာေပၚရန variable မားေျပာငးျခငး o Post တငျခငး

� Aပငး ၃ (လAပတာမား ျဖညစြကျခငး) o User Online

o Hit Counter

o Cbox ထညမယ o Cbox Background ေျပာငးမယ

o Recent Post

o Customizable recent comments widget (using JSON feed)

o Peek-a-boo Post (Read More)

� Appendix

o FAQ

o Useful Link

Aပငး ၁

Blog လပရန လAပတာမား ျပငဆငျခငး ျမနမာ blog တစခလပေတာမယဆရင Aရငဆး… ကၽြနေတာတ႕ blogger ေတြ Aသးမားတ zawgyi-one ကေတာ AဓကလAပပါတယ.. ေဇာဂ keyboard န႕ font က ဒမာ download ခလကပါ… Font Download And Install

http://www.mysteryzillion.com/mmglite/font/Zawgyi-One.ttf မာ download Aရငခလကပါ… C:\WINDOWS\Fonts ေAာကထသ႕ download ခထားေသာ zawgyi-one.ttf က past လပလကပါ… ျပးရင font active ျဖစ၇နAတြက zawgyi-one က double-click လပျပးဖြငၾကညပါ.. ပြငလာျပးလင ျပနပတလကပါ.. Keyboard Download And Install

http://www.mediafire.com/?6wodgmczyhg မာ download Aရငခလကပါ.. Zawgyi Keyboard Installer ပါ... ပလြယေAာငလပထားပါတယ.... install.bat ကႏပလကရငရျပ.... ျပးရင Logout လပလက... ျပန၀ငလကရငရျပ... taskbar မာ Keyboard icon မတကလာဘးဆရင run-> intl.cpl -> Language -> Detail ကႏပလကပါ... ေနာကထပ dialog box တကလာပါမယ... Advance -> Turn off advanced text services က check ျဖစေနပါမယ... uncheck လပလကပါ... keyboard icon ေလး taskbar မာေပၚလာပါမယ..

Type Zawgyi-one font

စာရကရနAတြက ျမနမာစာ လကကြကကေတာ ေAာကပါAတငးျဖစပါတယ..

ျမနမာလရကလပါက Ctrl+Shift တြႏပလကပါ… ဒါဆ ျမနမာ လကကြကေျပာငးသြားပါမယ…

English လျပနေျပာငးလပါက Ctrl+Shift တြႏပလကပါ.. English လကကြက ျပနေျပာငးသြားပါမယ…

ျမနမာ လကကြကတြင Ctrl+Alt ႏပျပး စာရကပါက keyboard လကကြကပတြငျပထားေသာ Aျပာေရာငစာလး ေAာကဘက ျဖစျပး Ctrl+Alt+Shfit ႏပျပး စာရကပါက keyboard လကကြကပတြင ျပထားေသာ AျပာေရာငစာလးAေပၚဘကျဖစပါတယ..

Zawgyi-one font Aား Eot လပျခငး ( REF: ကေမာငလ http://mghla.blogspot.com/)

http://download.microsoft.com/download/8/a/1/8a1be03f-f7fc-4504-af9a-7b9230775284/WEFTIII2b1.exe

က download Aရငခပါ… ျပးရင install လပလကပါ.. D: ေAာကမ eot ဆတ folder ေလးေဆာကလကပါ…

ျပးရင notepad ထမာ..

<font face=”Zawgyi-one”><strong>1. Bold </strong>2. <em>Italic </em>3. <strong><em>Bold+Italic </em></strong>4.

Normal </font>

Aလေလးရကျပး D:\eot ေAာကမာ eot.htm န႕သမးလကပါ..

WEFT program ကဖြငပါ.. ျပးရင box တကလာလင next ႏပပါ… နာမညန႕ email ထညခငးရင ထညျပး next လပပါ..

ခေပၚလာတ dialog box က Aေရးႀကးတယေနာ... ေရ႕က list boxထမာ ခကေတာက ကြနပတာထမာ ရတ ဖငက သးမာဆေတာ file://

ကေရြးတယ...Internet ေပၚက ဖငက ညႊနးမယ ဆရငေတာ http:// (or) https:// (or) ftp://တစခခက ေရြးေပးစရာ လပါတယ...ခေရြးခတ list box ရ႕ ညာဘက ၁-ခေကာမာရတ ... button ေလးက ကလစႏပၿပး ကၽြနေတာတ႕ လပထားတ eot.htm ရတဖငေလးက ညႊနျပလကပါတယ...

ၿပးရင Next က ကလစလပပါ...

Next ထပလကပါ… Do you want to continuous? ဆတာ ေပၚလာလညး next လပပါ..

Font to Embed box ကေရာကရင...subsetting က 7. No subsettingထားလကပါတယ... Zawgyi-one Aျပင တျခား font ေတြပါလာရင don’t embed လပလကပါ..

Create Font Objects ဆတ box ေပၚလာရင Edit button ကႏပၿပး eot သးမယ web site ေတြရ႕ address က ထညးေပးရပါတယ...

ထညတAခါသထားရမာက http://mghla.blogspot.comလ႔ပထညထား ခမရင http://www.mghla.blogspot.comလ႔ ၀ငၾကညတလေတြ Aဆငမေျပပါဘး... Aဒါေၾကာင လပစာထညတAခါ wwwပါတာတ လပစာေေရာ ၊ မပါတ လပစာပါ ထညေပးစရာ လပါတယ...

ၿပးရင ပထမာ ျပထားတAတငး Aေပၚက check box ၂-ခကAမနျခစ ျခစေပးပါUး... ၿပးၿပဆရငေတာ Next က ႏပေတာဗာ...ခဏေတာေစာငေနာ...ေဟာ ေပၚလာပါၿပ... CSS Style dialog box ဆၿပး ေပၚလာပါၿပ...Aဒထက ေAာကမာျပထားတ code ေတြက ကေတာ copy ကးထားလကတယ...

@font-face {

font-family: Zawgyi-One;

font-style: normal;

font-weight: 700;

src: url(ZAWGYIO3.eot)

}

@font-face {

font-family: Zawgyi-One;

font-style: oblique;

font-weight: normal;

src: url(ZAWGYIO2.eot);

}

@font-face {

font-family: Zawgyi-One;

font-style: oblique;

font-weight: 700;

src: url(ZAWGYIO1.eot);

}

@font-face {

font-family: Zawgyi-One;

font-style: normal;

font-weight: normal;

src: url(ZAWGYIO0.eot);

}

ၿပးရငေတာ Close ကႏပတယ... Next ကႏပတယ...

You all are done.... ဘာညာလာျပေတာ Finish က ႏပလကတယ... D:\eot\ folder ထသြား ၾကညေတာ ZAWGYIO0.eot, ZAWGYIO1.eot,

ZAWGYIO2.eot, ZAWGYIO3.eot ဆၿပး ဖင ၄-ဖင ထြကလာတာ ေတြ႕ရတယ... ဘာျဖစလ ႔ ၄-ဖင ထြကတာလဆေတာ eot.htm ဖငထမာ Bold, Italic, Bold+Italic, Normal ဆၿပး စာ ၄-မး ထညထားမလ႔ ခငဗ...

Upload EOT

တငဖ႕Aတြက… မမႏစသကရာ web hosting မာတငလ႕ရပါတယ.. တကယလ႕ ဘယမာ တငရမနးမသဘး.. Aလပလညး ရႈပတယထငရင google page ကလညးသးလ႕ရပါတယ..

http://pages.google.com/ ကသြားပါ.. google account ၇ရင ရပါတယ..

Upload တငတာေလးက ခဏေလာကေစာငလကပါ…

Upload တငထားတ File က right click ေထာကျပး copy shortcut ယျပးမတထားပါ..

ျပးရင notepad ထမာ ျဖစျဖစ ခဏမတထားပါ… ၄ ခလးက copy ကးျပးရင Aေပၚက ရထားတ eot CSS မာ ေျပာငးထညရပါမယ.. တငထားတ eot address က ေAာကကAတငးေျပာငးလကပါမယ…

@font-face {

font-family: Zawgyi-One;

font-style: normal;

font-weight: 700;

src: url(http://saturngod.googlepages.com/ZAWGYIO3.eot)

}

@font-face {

font-family: Zawgyi-One;

font-style: oblique;

font-weight: normal;

src: url(http://saturngod.googlepages.com/ZAWGYIO2.eot);

}

@font-face {

font-family: Zawgyi-One;

font-style: oblique;

font-weight: 700;

src: url(http://saturngod.googlepages.com/ZAWGYIO1.eot);

}

@font-face {

font-family: Zawgyi-One;

font-style: normal;

font-weight: normal;

src: url(http://saturngod.googlepages.com/ZAWGYIO0.eot);

}

က Blog စလပရေAာင….

Aပငး ၂

Blog လပျခငး

www.blogger.com မာ Aရငဆး register လပလကပါ…

Create Your Blog Now ဆတာေလးက ႏပလကပါ.. Google Account ရျပးသေတြကေတာ account က register လပတေနရာမာ google account sign in လပလကပါ.. Display name မာ ကယ blog နာမညေလးေပးခပါ…

ကယ blog address ေလးကၾကကရာေပးေပါ.. ျပးရင ႏစသကရာ theme ေလးေရြးလကပါ.. က… register ျပးသြားရငေတာ စေရးလ႕ရျပ…

Log in မ၀ငရေသးရင ၀ငလကပါ…

ျပးရင layout က ၀ငလကပါ..

Edit HTML က ၀ငလကပါ..

Edit HTML တြင body { ဆတာေလးကရာလကပါ.. သ႕Aေပၚတြင Aေပၚကရထားေသာ eot css ေလးက past လပလကပါ…

( Aေပၚက search bar ကျဖတလပါက )

ထ႕ေနာက ေAာက တြင #navbar-iframe {

height: 0px;

visibility: hidden;

display: none;

}

ဆတာထညလကပါ.. ထAခါ

@font-face {

font-family: Zawgyi-One;

font-style: normal;

font-weight: 700;

src: url(http://saturngod.googlepages.com/ZAWGYIO3.eot)

}

@font-face {

font-family: Zawgyi-One;

font-style: oblique;

font-weight: normal;

src: url(http://saturngod.googlepages.com/ZAWGYIO2.eot);

}

@font-face {

font-family: Zawgyi-One;

font-style: oblique;

font-weight: 700;

src: url(http://saturngod.googlepages.com/ZAWGYIO1.eot);

}

@font-face {

font-family: Zawgyi-One;

font-style: normal;

font-weight: normal;

src: url(http://saturngod.googlepages.com/ZAWGYIO0.eot);

}

#navbar-iframe {

height: 0px;

visibility: hidden;

display: none;

}

body {

ျဖစသြားပါမည။

ျမနမာစာေပၚရန variable မားေျပာငးျခငး

Edit Html တြင

<Variable Name= ႏင စကာ type="font" ျဖစေသာ စာမားကရာပါ.. % ေနာကတြင Zawgyi-one, ထညလကပါ..

Example :

<Variable name="bodyFont" description="Text Font" type="font"

default="normal normal 100% Zawgyi-one,'Trebuchet MS',Verdana,Arial,Sans-serif">

<Variable name="pageTitleFont" description="Blog Title Font" type="font"

default="normal bold 200% Zawgyi-one,'Trebuchet MS',Verdana,Arial,Sans-serif">

<Variable name="descriptionFont" description="Description Font" type="font"

default="normal normal 100% Zawgyi-one,'Trebuchet MS',Verdana,Arial,Sans-serif">

<Variable name="headerFont" description="Sidebar Title Font" type="font"

default="normal bold 100% Zawgyi-one,'Trebuchet MS',Verdana,Arial,Sans-serif">

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

default="normal bold 135% Zawgyi-one,'Trebuchet MS',Verdana,Arial,Sans-serif">

Aကနလးထညလ႕ျပးပါက Save လပလကပါ…

က ျမနမာလေရးလ႕ရပါျပ…

Post တငျခငး

Posting ေAာကက Create New Post က သြားလကပါ…

Aဒမာ rich text box ေပၚလာပါမယ… Edit HTML ကေျပာငးရကပါ.. Aေကာငးဆးကေတာ Aရငဆး notepad မာ Aရငရက… ျပးမ past လပျပးတငေပါ… ဒါမ ျမနမာလရကထားတာက ျမငရမာပါ…

Notepad မာ ေဇာဂ font ကေကာငးေကာငးရကလ႕ေAာင…

ကၽြနေတာတ႕ zawgyi-one က notepad မာ စာရကရင စာေသေသခာခာမေပၚဘးဗ...

တျခားစကေတြမာေတာ မသဘး.. ကၽြနေတာသးတ စကမာေတာ Aေပၚက -- တ႕ --ါ တ႕ဆမေပၚဘး... Aေပၚပငးက -- တ႕ -- တ႕ဆ မေပၚဘး... ေရးရတာ နညးနညး feel ပကတာေပါ...

word န႕ေရးျပနေတာလညး ဖြငရတာရႈပတယ... ဒါန႕ နညးလမးေလးရာၾကညေတာ...

တနညးေတာေတြ႕တယ...

Notepad ကဖြငဖြငလကတယ... enter တခကေခါကလကတယ... ျပးေတာ space ေလးတခကေလာက ပတေလာကေပါ...

ျပးမ Aေပၚဆးကေန စေရးၾကည...

-- တ႕ -- တ႕ေကာငးေကာငးေပၚတယ...

notepad မာေရးရတာ ပေကာငးသြားတယ...

ျပးရင ေတာ publish post လပလကရပေပါ…

Aပငး ၃

လAပတာမား ျဖညစြကျခငး…

User Online

User online ကေတာ ကယ blog က လဘယႏစေယာက Aခၾကညေနလဆတာက ေဖာျပဖ႕ပါ…

ျပးရင blogger ထက၀င Template ေAာကက Page Elements က၀င... Side bar မာ Add a Page Elements က ႏပ…

HTML / Javascript က ႏပပါ… Aဒ Aထမာ ဒါေလးထညလကပါ…

<script src="http://fastonlineusers.com/on2.php?d=yourblog.blogspot.com" type="text/javascript"></script> User Online

Aနေရာငစာေနရာမာ ကယရ႕ blog address ထညလကပါ…

Hit Counter

ကယ site က လဘယႏစေယာက၀ငသလဆတာ သဖ႕Aတြက…

http://www.ultimate-counter.com/

ကသြားပါ…

Your Web Address (URL): တြင ကယ blog လပစာထညပါ.. Start Counter at: ကေတာ စခငတ counter ေပါ.. Email: ကေတာ ကယ email ထညေပါ…

ျပးရင design ေရြးလက…

Sign Up ဆတာေလးက ႏပလကပါ.. ျပးရင textbox ထမာ HTML code ေတြေပၚလာပါမယ…

ဒAတငး ကးလကရင ရပါတယ.. ကၽြနေတာကေတာ တျခား Aပေတြ ပါလာတာမၾကကတAတြက.. တကယ Aေရးၾကးလတ image ေလးပ ကးပါမယ..

<img src="http://www.ultimate-counter.com/counter/?id=3055734&style=8" width="83" height="19" border="0" alt="Cabo

Yachts">

Aဒါေလးကသာ ကးပါမယ.. Aနေရာငန႕ ျပထားတAပငးကေတာ တစေယာကန႕ တစေယာက မတပါဘး..

ျပးရင blogger ထက၀င Template ေAာကက Page Elements က၀င... Side bar မာ Add a Page Elements က ႏပ…

HTML / Javascript က ႏပပါ… Aဒ Aထမာ ခနက ကးထားတ code ေလးထညလကေပါ…

ျပးရင Save Changes လပလကပါ… ဒါဆရင ရပါျပ…

Cbox ထညမယ.. (ကရနေAာင http://yanaung.blogspot.com )

ဒတစခါေတာ႔ ဆဗးလ႔ Aမားစက ခစစႏးေျပာငေခၚေနၾကတ႔ Cbox န႔ ပတသကတာ ေလးေတြ ကၽြနေတာသသေလာက ေရးေပးပါမယ.

Cbox ဆတာကေတာ႔ ဘေလာ႔ဂေတြ ေတာေတာမားမားမာ ေတြ႔ေနရတ႔ ဘေလာ႔ဂေရးသန႔ လာလညသေတြၾကားက communication tool ေလးတစခ ပါပ. လာလညသေတြ ကလညး သတ႔ေျပာခငတ႔ Message ေတြက Cbox မာ ထားခ႔တယ။ ဘေလာ႔ဂပငရငကလညး ျပနေျပာမယ။ မနတာက ေျပာစတမးဆရင ကယ႔ရ႔ Cbox မာ လာလညသေတြ မားတာက ဘေလာ႔ဂပငရငတငး ၀မးသာAားရ ျဖစမၾကပါတယ။ ခေနာကပငးဆရင တစေယာကန႔တစေယာက AျပနAလနေနာကေျပာငတာ ေလးေတြက ဆဗးမာ ေရးခ႔ၾကတယ။ Aျပငက ေမာေမာန႔ ျပနလာျပးေနာက ကၽြနေတာပထမဆး လပတာကေတာ႔ Email စစတာ မဟတပါဘး။ ကယ႔ရ႔ ဆဗးမာ ဘယသေတြ ၀ငေရးသြားလ၊ ဘယသေတြ ၀ငဖြသြားလ ဆတာက Aရငၾကည႔တာပါပ။ က. စလကၾကရေAာငလားဗာ. ပထမဆး http://www.cbox.ws/ ကသြားပါ။ Account တစခ Sign Up လပပါ။ See all styles မာ ကယၾကကတ႔ Color ေလးေတြ ေရြးယလ႔ ရပါတယ။

ျပးရင ကယ႔ Account ထက ၀ငပါ။ Admin Tab ကသြားပါ။ Aဒ႔ေနရာကေန ကယ႔ရ႔ Cbox က Aမးမး manage လပလ႔ ရပါတယ။ Width ေတြ Height ေတြလညး ေျပာငးလ႔ရပါတယ။ Default ေပးထားတ႔ Width က ေတာေတာကUးပါတယ။ ၁၆၀ ပ ေပးထားပါတယ။ ၂၀၀ (သ႔) ၂၂၀ ေလာက ေျပာငး ၾကည႔လကပါ။ ဒါဆရင ကယ႔ရ႔ Cbox မာ စာေတြ ေကာငးေကာငးျမငရတ႔ Aဆင႔ထ ေရာကသြားပါလမ႔မယ။ စတၾကကေျပာငးယပါ။ ကယ႔ရ႔ Template က ေပးထားတ႔ Column Width န႔ ကကညေAာင ေျပာငးယပါ။

Form Layout မာေတာ႔ Cbox ရ႔ Design က ေျပာငးယလ႔ရပါတယ။ Message ေရးတာက Aေပၚမာ ထားလ႔ရသလ ေAာကမာလညး ထားလ႔ရပါတယ။ ကယ႔ စတၾကက ေျပာငးၾကည႔ပါခငဗာ။ Messages တ႔၊ Message Length တ႔မာလညး ကယလသလ Setting ကထားႏင ပါတယ။ Cbox က မတဆကတ႔ Aပငးကေတာ႔ ျပးပါျပ။ ခေျပာမာကေတာ႔ Aေရးၾကးတ႔ Aပငးပါ။ Cbox မာ ျမနမာလ စာေကာငးေကာငးေပၚေAာင ဘယလလပရမလ ဆတ႔ ျပနာပါ။

Colors & Fonts က သြားပါ။ Fonts ဆတာက သြားပါ။ သ႔ရ႔ Default က Arial Font က ေပးထားပါတယ။ Aဒ႔ Box ေလးေနရာမာ Zawgyi-One

လ႔ ေျပာငးရကေပးလကပါ။ ျပးရင Apply Button ေလးက ႏပလကပါ။ ဒါဆရင ကယ႔ရ႔ Cbox မာ ျမနမာလ စာေကာငးေကာငး ေပၚပါျပ။

ေနာကတစခကေတာ႔ Smilies Tab ပါ။ Aေပၚခပကကေနရာေလးက Preset Smilies ဆတာေလးက ႏပလကရင ခလ ပမာ ျမငရပါလမ႔မယ။

Aဒ႔ေနရာမာ ကယ႔ Cbox ထမာ ေပၚေစခငတ႔ Smilies Color ေလးေတြက ေျပာငးလ႔ရပါတယ။ Default Blue, Default Orange, Default

Yellow လ႔ ေပးထားပါတယ။ ၾကကရာေျပာငးယႏငပါတယ။

Customize Smilies က ျပနသြားပါ။ ခေျပာမာကေတာ႔ ကယၾကကတ႔ Smilies ပေလးေတြက ဘယလထည႔လ႔ ရႏငမလ ဆတာပါပ။

New Row က ယလကပါ။ URL Address ေနရာမာ ကယထည႔ခငတ႔ Smilies ပေလးရ႔ URL က ရကထည႔ေပးလကပါ။ Code ေနရာမာေတာ႔ ကယ႔ရ႔ Smilies ေလးAတြက သးသန႔ သေကၤတေလးတစခ ကယ႔ဖာသာကယ လပေပးလကပါ။ Uပမာ ဟားတကရေနတ႔ ပေလးထည႔ထားမရင :)) လ႔ ရကထည႔ျပး မတခငးထားတ႔ ပစမးေပါ႔။

My Users Tab ကေတာ႔ Diabled ျဖစေနပါတယ။ သကေတာ႔ ပကဆသြငးထားတ႔ Registered Users ေတြAတြကပ ရပါတယ။ Blocked Users

ကေတာ႔ ကယ႔ဘကက Block လပထားတ႔ User ေတြန႔ ပတသကတ႔ Information ေတြ ျပထားတာပါ။

Messages မာကေတာ႔ ကယ႔ Cbox မာ ေရးထားတ႔ Messages ေတြက Manage လပလ႔ရပါတယ။

ကယဖကခငတ႔ Message က Tick လပျပး ဖကပစလ႔ရပါတယ။ ကယ Ban လပခငတ႔ User ကလညး Tick လပျပး Ban ဆတာက ႏပလကလ႔ရပါတယ။ ဒါဆရင Aဒ႔ user ကယ႔ Cbox မာ စာလာေရးလ႔ မရေတာ႔ပါဘး။ IP Address ကလညး Tracking လကလ႔ ရပါတယ။ ဘယေနရာကေန စာလာရကတယဆတာက သႏငတာေပါ႔။ ကၽြနေတာသးတ႔ IP Tracking Tool ကေတာ႔ IP Hacker ပါ။

Cbox Aေၾကာငးကေတာ႔ ဒမာ ျပးပါျပ။

ကယ႔ရ႔ဘေလာ႔ဂမာ Cbox တငဖ႔Aတြက Quick Setup က ျပနသြားပါ။ သေပးထားတ႔ Codes ေတြက ကးယပါ။

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

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

Aားလး Aဆငေျပ ေခာေမြ႔ၾကပါေစ ခငဗာ။ မရငးတာရရငလညး Comments ထမာ ၀ငေရာက ေမးျမနးႏငပါတယ။

မတခက။

၁. Cbox တြင AေကာငးAဆးေရာေနသည။ Cbox ထည႔ထားျခငးေၾကာင႔ မတေဆြမားတးပြားလာႏငသက႔သ႔ Aမညမေဖာဘ ၀ငေရာကေႏာင႔ယက တတသမားေၾကာင႔လညး စတAေႏာင႔Aယက ျဖစရတတပါသည။

၂. Blogger AသစမားAေနျဖင႔ Cbox ရထားျခငးသည မမဘေလာ႔ဂAတြက လာလညသမားထမ AၾကUာဏေကာငးမား ပမ၍ ရလာေစႏငပါသည။ မတေဆြ မားလညး ပမတးပြားလာေစႏငပါသည။

၃. Cbox မရေသာ ဘေလာ႔ဂသ႔ ၀ငလင မရငးႏးေသးေသာ သစမးAမသ႔ Aလညသြား ရသညႏင႔ တပါသည။ ထ႔ျပင မမAား ေAးစကစကႏင႔ ဆကဆေနသက႔သ႔ ခစားရပါသည။

( ကရနေAာင Aာေဘာျဖစသည ၊ ကၽြနေတာလညး ေထာကခပါ၏ )

Cbox Background ေျပာငးမယ

Cbox ရ႕ Main BG န႕ Alt BG တ႕က ဘာမ မထညခပါန႕.. ရတာက ဖကလကပါ…

ျပးရင Cbox ထညထားေသာ Page Element က Edit လပပါ

id="cboxmain"

ကရာၾကညပါ… ပါရင ကစၥမရပါဘး…

မပါရငေတာ name="cboxmain" ကရာပါ… သ႕ေနာကမာ id="cboxmain" ကထညပါ… ျပးရင save လပလကပါ…

Aသစရတ Code က ျပနကးထညဖ႕လပါတယ..

Template ေAာကက Edit HTML သြားပါ

body {

ကရာပါ

သ႕Aေပၚတြင

#cboxmain{

background:url(http://i117.photobucket.com/albums/o74/zwel/Avril-Lavigne-Photograph-C11800763c.jpg) center no-repeat;

font-family: 'ZawGyi-One', ZawgyiOne, Zawgyi1, Trebuchet MS, Trebuchet, arial, verdana, sans-serif;

}

#cboxdiv{

font-family: 'ZawGyi-One', ZawgyiOne, Zawgyi1, Trebuchet MS, Trebuchet, arial, verdana, sans-serif;

}

Aဒါေလးထညလကပါ… Aနန႕ ျပထားတာကေတာ ကယရ႕ ပပတလမးေၾကာငးပါ… ပကေတာ http://www.imageshack.us/ မာတငလ႕ရပါတယ… ျပးရင save လပလကပါ…

Recent Post

Side Bar တြင Add a Page Element က Click လပပါ… HTML/Javascript ေရြးပါ…

<script style="text/javascript" src="http://home.planet.nl/~hansoosting/downloads/showrecentposts2.js"></script><script

style="text/javascript">var numposts = 10;var showpostdate = true;var showpostsummary = true;var numchars = 100;var

standardstyling = true;</script><script src="http://saturngod.blogspot.com/feeds/posts/default?orderby=published&alt=json-

in-script&callback=showrecentposts"></script>

Aဒါေလးက ထညျပး save လပလကပါ… numposts ကေတာ ေဖာျပခငတ post AေရAတြကပါ.. numchars ကေတာ character

AေရAတြကပါ…

Customizable recent comments widget (using JSON feed)

Blog မာ.. ကၽြနေတာတ႕ေတြ recent comment ေလးေတြက side bar မာ ေဖာျပဖ႕ Aတြကပါ…

Template ေAာကက Edit HTML ကသြားပါ…

</head>

ကရာပါ…

AဒေAာကတြင

<script type='text/javascript'

src='http://saturngod.googlepages.com/peek.js' />

Aဒါေလး ျဖညလကပါ…

ဒါဆရင

</head>

<script type='text/javascript'

src='http://saturngod.googlepages.com/peek.js' />

ဆျပးျဖစသြားပါမယ..

ျပးရင save လပလကပါ…

ျပးရင Template ေAာကက page elements ကသြားပါ…

Add a page element ကသြားပါ…

HTML / Java Script ကေရြးပါ..

<br/><script language="javascript">

var numcomments = 10;

var numchars = 100;

</script>

<script src="http://yourblog.blogspot.com/feeds/comments/default?

alt=json-in-script&callback=commentDisplay"></script>

10 ကေတာ blog မာ ျပ ဖ႕AေရAတြကန႕ 100 ကေတာ comment မာ Aမားဆး ေဖာျပခငတ စာလးAေရAတြကပါ..

Peek-a-boo Post (Read More)

Blog မာ.. ကၽြနေတာတ႕ေတြ Read More ေလးေတြက post ေတြမာ လပဖ႕Aတြကပါ..

(Template ေAာကက Edit HTML ကသြားပါ…

</head>

ကရာပါ…

AဒေAာကတြင

<script type='text/javascript'

src='http://saturngod.googlepages.com/peek.js' />

Aဒါေလး ျဖညလကပါ…

ဒါဆရင

</head>

<script type='text/javascript'

src='http://saturngod.googlepages.com/peek.js' /> ) Aထကက Customizable recent comments widget (using JSON feed) Aတငးျပငထားျခငးျဖစသည ။ ထညထားျပးက ထညရနမလပါ..

expand-widget က check လပထားပါ…

id='post' ကရာပါ…

ျပးလင ေAာကက Aတငးျပငလကပါ… Aနေရာငန႕ စာမားသည မရငး code ကထပျဖညထားျခငးမားျဖစသည.. ကန code မားသည မရငး code ျဖစသည…

<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 href='javascript:void(0);' expr:onclick='"javascript:showFull(\"post-" + data:post.id + "\");"'>Read

More...</a></p>

</span>

<span id='hidelink' style='display:none'>

<p><a href='javascript:void(0);' expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"'>Summary

only...</a></p>

</span>

<script type='text/javascript'>

checkFull("post-" + "<data:post.id/>");

</script>

</b:if>

<div style='clear: both;'/> <!-- clear for photos floats -->

</div>

ျပးပါက save လပလကပါ..

Setting ေAာကက Formatting က သြားပါ… ေAာကနားတြင Post Template ဆေသာ text box ေလးေတြ႕ရပါမယ..

Type your summary here

<span id="fullpost">

Type rest of the post here

</span>

Aဒစာေလးက copy/paste လပလကပါ… ျပးရင save လပလကပါ…

Post Aတြက compose လပေသာAခါမာ… AကUးက Type your summary here တြင Aစားထးျပး… ကနေသာ စာမားက Type rest of

the post here တြင ထညပါ….

Example:

AကUးAားျဖင

<span id="fullpost">

ဒါကေတာ AျပညAစ post ေလးေပါ…

</span>

Aရငက တငထားေသာ post မားကေတာ သြားျပး effect ျဖစမာမဟတပါဘး.. Aခမ စတငေသာ post မားကသာ စတင effect ျဖစမာပါ…

Appendix

FAQ

၁. Blog မာ သခငးေတြ ထညဖ႕ ဘယမာ flash player ရႏငသလ။

http://www.myflashfetish.com မာ mp3 player လ႕ေျပာငးလကျပး… ႏစသကရာ Design န႕ ရယႏငပါတယ… သခငးေတြကေတာ webhosting တစခမာ တငထားဖ႕လပါတယ..

၂. WebHosting ေတြ ဘယလရႏငသလ။

http://pages.google.com မာ eot Aတြက Aျပင File ေတြက direct Aေနန႕ သးႏငပါတယ… www.awardspace.com ,

www.freewebtown.com တ႕ကလညး freewebhosting ေတြပါ…

၃. File Sharing ေပးခငရင webhosting န႕ေပးသငလား။

ေပးလ႕ရပါတယ… ဒါေပမယ file sharing Aတြကဆရင www.mediafire.com တ႕လ file hosting ကေန ေပးရငပေကာငးပါတယ…

ဘာျဖစလ႕လညးဆ register လပစရာမလပ… file က တငလ႕ရလ႕ပါတယ…

၄. Zawgyi-one သြငးလ႕မရဘး… computer သးရတာ user lever Aဆငပ၇ တယ… ဘာမ လပပငခြငမရရင စာဘယလရကမလ ။

မပပါန႕… စာ၇ ကဖ႕Aတြက zawgyi-one web text editor ရပါတယ… http://www.mysteryzillion.com/project/webtext/ က IE

န႕ Aသးျပျပး စာရကႏငပါတယ…

၅. Blog မာတကရကစာရကရင စာမေပၚဘး… notepad ကေနမ ေပၚတယ.. တကရကသးခငတယ။

Browser တစခလးက Zawgyi-one ေျပာငးလကရင ရပါတယ..

IE မာဆရင

Aရငဆး notepad ဖြင

body

{

font-family:Zawgyi-one;

}

input, select , textarea

{

font-family:Zawgyi-one;

}

ဆျပးရကလကပါ.... ျပးရင notepad မာရကျပ... D:\ie.css န႕သမးလက.... ျပးေတာ IE ကဖြင... Tool -> Folder option -> Accessibility က ႏပပါ...

Ignore Font Style specified...pages က check လပပါ... Format documents using my style sheet က check လပပါ.. Browse လပလကပါ... D:\ie.css ကေရြးလကပါ... ျပးရင OK လပလကပါ... OK ထပလပပါ.. ကရပါျပ... ျမနမာလ... IE တစခလး ေဇာဂ font ျဖစသြားပါျပ...

Firefox မာဆရင

Firefox ကဖြင.... Tool-> Content က ၀ငလကပါ.. Font And Color တြင Advanced က၀ငပါ... Font ေတြက Zawgyi-one လ႕ေျပာငးလကပါ... Font Size ကလညး သငေတာရာျပငလကပါ.... UTF-8 ကသးပါ... ျပးရင OK OK ေပါ... ကရပါျပ... ျမနမာလ... Firefox တစခလး ေဇာဂ font ျဖစသြားပါျပ...

Aဒါဆရင blogger မာလညး တကရကေရးလ႕ရပါျပ..

၆. နာရထညခငရငေကာ ဘယကေန ယရမလ။

http://www.clocklink.com/ မာရႏငပါတယ… ၇. တျခားဟာ ထးထးဆနးဆနးေလးေတြ sidebar မာထညခငရင ဘယကယရမလ။ ေနာကျပး Gtalk ကလညးထညခငတယ။

Site ေတြကေတာ Aမားၾကးပါ… http://www.google.com/ig/directory?synd=open&cat=all မာေတာ ေတာေတာစပါတယ.. google က ေပးထားတာပါ.. Gtalk ကလညး Aဒမာ code ယျပးထညလ႕ရပါတယ.. http://www.thefreedictionary.com/ ကလညး ရႏငပါတယ..

၈. Blogger ကေပးထားတ design မဟတပ တျခား design န႕ Three Column ထညခငရင ဘယလလပရမလ။

http://hoctro.blogspot.com/search/label/Free%20Templates မာ Three column ေတြရႏငပါတယ… http://www.templatepanic.com/ မာလညး ရႏငပါတယ… http://myanmarbloggers.forum5.com/index.php မာလညး သြားေရာကေမးျမနးႏငပါေသးတယ..

၉. Dropdown menu လပခငရင ဘယလလပရမလ။

http://www.anniyalogam.com/widgets/dropdown.html မာသြားလပႏငပါတယ...

Useful Link

Blog Hack

http://beautifulbeta.blogspot.com/

http://hackosphere.blogspot.com/

Myanmar Blog Directory

http://mmblogdirectory.blogspot.com/

Myanmar Blogger Forum

http://www.myanmarbloggers.co.nr/

Myanmar Blogger

သသေလာက ၾကားဘးနား၀ ေပါ.. Aကနေတာ ကၽြနေတာလညး သဘး.. ေတာေတာေလးက မားတယ… ကမငးေကာ blog မာဆ blog Aတြက လAပတာေတြက ၾကညရႈႏငပါတယ..

Oosoo http://www.tartarlay.blogspot.com/

Tesla http://teslanetblog.blogspot.com/

ကစစAမ http://sisain.blogspot.com/

ကစးေဇယ http://www.soezeya.blogspot.com/

ကဆနးUး http://www.sannoo.blogspot.com/

ကညလငးဆက http://nyilynnseck.blogspot.com/

ကမငးေကာ http://kminnkyaw.blogspot.com/

ကမးတမ http://shwemoetain.blogspot.com/

ကမကလး http://www.myatlone.blogspot.com/

ကပြတ http://myanmaroa6.blogspot.com/

ကရနေAာင http://www.yanaung.blogspot.com/

ကသန႕ဇင http://mgthantzin.blogspot.com/

ကေမာငလ http://mghla.blogspot.com/

ကေ၀ၿဖးေကာ http://edwardwitten.blogspot.com/

ကေဒါငးညငသာ http://kadaung.blogspot.com/

ညေလး http://www.ainmetdiary.blogspot.com/

မယလဒေမာင http://melodymaungmm.blogspot.com/

AစမသUၨာ http://thinzar00.blogspot.com/

Aမြနစး http://www.ems-dailydiary.blogspot.com/

ေမာငUေပကၡာ http://mgequanimity.blogspot.com/

ေကးဇးတငလက

Saturngod