Problem with wordpress.com

Oct 27, 2007

wordpress.com ကို ၿမန္မာေတြအသံုးၿပဳ ရာမွာ အဓိက ၿပသနာ က CSS ကုတ္ဒင္းေတြကို ၀င္ၿပင္လို႕ မရခ်င္းပါပဲ။ ကိုယ္ပိုင္ web host မွာ တင္သံုးမွသာ စိတ္ၾကိဳက္ ၿပင္ဆင္လို႕ ရနိုင္ပါတယ္။ wordpress.com မွာ ၾကံဖန္ ၿပီး HTML Tag ေတြနဲ႕ ၿမန္မာလို အသံုးၿပဳ လို႕ေတာ႕ရပါတယ္။ သို႕ေသာ္ အားလံုးေတာ႕ အစဥ္ မေၿပ နိုင္ပါဘူး။ က်ေတာ္သိသေလာက္ ေၿပာရရင္ေတာ႕

၁။ ပို႕စ္ေခါင္းစဥ္ကို အဂၤလိပ္ လိုသာေရးပါ။ Recent Posts နဲ႕ Recent Comments အတြက္ ၿမန္မာလို ေပၚေအာင္ ၾကံဖန္ ၿပင္လို႕ မရပါ။

၂။ ပို႕စ္ေရးေသာ အခါတြင္ Write post တြင္ Visual ႏွင္႕ Code ၂မ်ိဳးကို ေတြ႕ပါလိမ္႕မည္။ Code ကိုသြားပါ။ ထို႕ေနာက္ ဒီ HTML ကို အသံုးၿပဳပါ။

<font face="Zawgyi-One">myanmar sar</font> ။

myanmar sar တြင္ မိမိတင္လိုေသာ ပို႕စ္ကို notepad ေပၚတြင္ ေရးကာ တခုလံုးကို paste လုပ္၍ လည္းေကာင္း၊တိုက္ရိုက္ type ၿပီးအသံုးၿပဳခ်င္ရင္ မိမိေရးလိုေသာ စာလံုးအစ ၁လံုး ၂ လံုးကို ေရးပါ။ ၿပီးလွ်င္ Visual ကို ၿပန္ ႏွိပ္ပါ။ ၿမန္မာလို ေပၚေနပါလိပ္႕မယ္။ ထို႕ေနာက္ ေရးခ်င္တာကိုဆက္လက္ ေရးသားပါ။ ဘေလာ႕တြင္ ၿမန္မာလို ေကာင္းစြာေပၚပါသည္။

၃။ ကြန္မန္႕ အတြက္ကေတာ႕ အဆင္မေၿပနိုင္ပါ။

၄။ Sidebar တြင္ ၿမန္မာလို လင္႕ မ်ား ၊ ၿမန္မာလိုေၿပာခ်င္တာမ်ားကို ေရးသားခ်င္ရင္ Presentation > widgets >Text widgets ကို အသံုးၿပဳပါ။ Text widgets ကို ဖြင္႕ပါ။ ေခါင္းစဥ္ကို အဂၤလိပ္လိုေရးပါ။ စာသားေတြကို

<font face="Zawgyi-One">myanmar sar</font>

ၿဖင္႕ေရးပါ။ မိမိလိုသလို HTML tag မ်ားကိုသံုးနိုင္ပါတယ္။ ေဖာင္႕ဆိုက္၊ ကာလာ ကိုေၿပာင္းခ်င္ရင္

<font face="Zawgyi-One" size="2px" color="#cccccc">myanmar sar</font> ဆိုၿပီးသံုးပါ။ လင္႕မ်ား ေရးတဲ႕အခါ

<a href="http://181bayintnaung.blogspot.com"><font
face="Zawgyi-One">ဘုရင္႕ေနာင္</font></a>

စသည္ၿဖင္႕ အသံုးၿပဳပါ။ တခုထက္ပိုေသာ လင္႕မ်ားကိုအသံုးၿပဳရန္ </a> အဆံုးတြင္ <br/> ကိုထက္ထည္႕ပါ။

<a href="http://181bayintnaung.blogspot.com"><font
face="Zawgyi-One">ဘုရင္႕ေနာင္</font></a><br/><a
href="http://aungzayya.blogspot.com/ ><font
face="Zawgyi-One">ေအာင္ေဇယ်</font></a>

စသည္ၿဖင္႕...<br/> ခံၿပီးေရးပါ။

၅။ စီေဘာက္လို ေရွာက္ေဘာက္မ်ားအတြက္ အဆင္ေၿပေသာ နည္းလမ္းမေတြ႕ပါ။ လံုၿခံဳေရးအရ (javascript, iframes, forms and flash embeds for security reasons) မ်ားကို အသံုးၿပဳလို႕မရေၾကာင္း ဆိုထားပါတယ္။ အဲဒီအတြက္ ေတာ႕ meebo widget တခုနဲ႕သာ မီးဖိုလို႕ ရေၾကာင္းသိရပါတယ္။

အၾကံအဖန္ နဲ႕ အဆင္ေၿပတဲ႕ နည္းကို က်ေတာ္ သိသေလာက္ေၿပာခ်င္းၿဖစ္ပါတယ္။ အစမ္းၿပဳ လုပ္ထားေသာ wordpress ကိုၾကည္႕ရန္

http://bayintnaung.wordpress.com/

Free PHP hosting ေတြမွာ ကိုယ္တိုင္ တင္ေရးနိုင္ရင္ေတာ႕ ပိုအဆင္ေၿပပါလိမ္႕မယ္။ ကိုယ္ပိုင္ domain name တခုေလာက္ပဲ ၀ယ္သံုးၿပီး ကိုယ္တိုင္ စိတ္ၾကိဳက္ ၿပင္ဆင္လို႕ရနိုင္တဲက အတြက္ေၾကာင္႕ပါ။ မိမိရဲ႕ အပတ္စဥ္ Data ေတြကို လဲ backup လုပ္ထားၿပီး အိမ္ေၿပာင္းလဲ အဆင္သင္႕ ၿပန္သံုးနိုင္ပါတယ္။ Free PHP hosting မွာ အဆင္ေတာ္ေတာ္ေၿပတဲ႕ host ေတြရိွပါတယ္။ က်ေတာ္ ပစ္ထားတဲ႕ လက္ရိွ ၿမန္မာဘေလာ႕ဂါဖိုရမ္ကို တင္ထားတဲ႕ 110mb.com လဲ မဆိုးပါဘူး။ အခုေတာ႕ အလကားမရေတာ႕ဘူး။ MySQL database အတြက္ ၁၀ေဒၚလာ ေပးရပါတယ္။ လစဥ္ေၾကး ေပးၿပီး host ေကာင္းေကာင္းေတြမွာ သံုးနိဳင္ရင္ေတာ႕ အေကာင္းဆံုးေပါ႕။ ၾကံဖန္ သံုးခ်င္သူမ်ား ရိွရင္ သံုးနိဳင္ေအာင္ က်ေတာ္ရဲ႕ ၾကံဖန္ အေတြးမ်ားကို ေရးထားခ်င္းၿဖစ္ပါတယ္။

မိမိ ေရးသားထားေသာ ၿမန္မာစာသားမ်ား၊ ၿပဳၿပင္ထားေသာ တန္းပလိတ္ မ်ားကို IE browser ၿဖင္႕ၾကည္႕ ရန္ မေမ႕ပါႏွင္႕။

Read More...

Summary only...

Add 3 columns to footer

Oct 24, 2007

Footer အပိုင္းမွာ ေကာ္လံ ၃ခု ေပါင္းထည္႕ နည္းပါ။ wordpress template ေတြမွာ ေတာ္ေတာ္မ်ားမ်ား ေတြ႕နိဳင္ပါတယ္။

၁။ ပထမဦးစြာ တန္းပလိပ္ကို ဘတ္ကပ္ လုပ္ပါ။
၂။ Footer အပိုင္းမွာ widgets မ်ားတပ္ဆင္ ထားတာ ရိွရင္ အားလံုးကို ၿဖဳတ္ပါ။
၃။ Template>Edit HTML ကေန ေအာက္မွာ ၿပထားတဲ႕ အနီေရာင္ ကုတ္စာသားကို ရွာပါ။ expand widget templates လုပ္စရာမလိုပါ။

<div id="'footer-wrapper'">
<b:section class="'footer'" id="'footer'/">
</div>

အနီေရာင္ေနရာမွာ ေအာက္က ကုတ္မ်ားကို အစားထိုးပါ။

<div id='footer-column-container'>
<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>

၄။ CSS section အပိုင္းမွာ ဒီကုတ္ေတြကို ထည္႕ပါ။

#footer-column-container {clear:both;}
.footer-column
{padding: 10px;}

ေအာက္ေၿခမွာ ေပၚေနတဲ႕ horizontal line က color ကို ေၿပာင္းခ်င္ရင္ color ကုတ္ကို ေၿပာင္းထည္႕ပါ။ ၿဖဳတ္ခ်င္ရင္ တခုလံုးကို ဒလိလုပ္ပါ။

<hr align='center' color='#5d5d54' width='90%'/>

အၿပည္႕အစံုေလ႕လာရန္

အလည္လာသြားၾကတဲ႕ ညီအကို ေမာင္ႏွမေတြ အားလံုးကို ေက်းဇူးအထူး တင္ရိွပါတယ္ ခင္ဗ်ာ။ ခင္မင္ေလးစားလွ်က္...

Read More...

Summary only...