Blogspot အားလုံးအတွက် EOT လာပြီ... Contributor: ရန်အောင်

 

Myanmar Blogger Helpdesk

Learning, Sharing and Growing Together at Blogging Community!

Sunday, December 9, 2007

Blogspot အားလုံးအတြက္ EOT လာျပီ...

Contributor: ရန္ေအာင္

ခုတေလာ ဘေလာ႔ဂ္ေလာကၾကီးထဲမွာ EOT ျပႆနာတက္ေနတယ္လုိ႔ သတင္းသုိးသုိးသန္႔သန္႔ေလး ၾကားရတယ္ဗ်. ဘာတဲ႔ Peekaboo ၾကီးလည္း မဘူးေတာ႔ျပန္ဘူး ဆုိလားပဲ..

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

(impression ေကာင္းေအာင္ မီးပူတုိက္၀တ္တာပါ. ပုံမွန္အခ်ိန္မွာဆုိရင္ေတာ႔ ဟဲဟဲ. သိတယ္မလား… အိမ္ေနရင္း Banana Republic ေလာက္ပဲ ၀တ္တာပါ)

ကဲဗ်ာ. EOT ဘာေၾကာင္႔ ကြိဳင္ရတာလဲ သိလား..

ဘာေၾကာင္႔လဲဆုိေတာ႔ ဘေလာ႔ဂါေမာင္မယ္တုိ႔အတြက္ ကၽြန္ေတာ္လုပ္ေပးထားတဲ႔ EOT ၾကီးက အလုပ္မလုပ္ေတာ႔တာ ၾကာေနျပီေလ..

ဟတ္ဟတ္ဟတ္..

ေသခ်ာတယ္. ေမတၱာေတြ ပုိ႔ေနၾကျပီ..

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

အားလုံးကုိ ျပန္လုပ္ေပးေနရရင္ ကၽြန္ေတာ္လည္း လွ်ာထြက္လိမ္႔မယ္. EOT ေကာ္မန္႔မွာ သြားၾကည္႔လုိက္ရင္ ေကာ္မန္႔ေတြက ေအာက္ထစ္ ၄၀ ေလာက္ ရွိတယ္. ကဲ. ဒီေတာ႔ တာေကာၾကီး ဦးေမာင္လွရဲ႔ EOT လုပ္နည္းေလးကုိ ကၽြန္ေတာ္႔ရဲ႔ အြိရွိအရွ နည္းေလးေတြနဲ႔ ရႊိဳင္းေပးျပီး အားလုံးအတြက္ EOT လုပ္ေပးလုိက္ပါမယ္…

ဘယ္သူမဆို သုံးႏုိင္ပါတယ္. အသားအေရာင္၊ Blog အေရာင္ ခဲြျခားျခင္း မရွိပါဘူး. Wordpress Platform အတြက္ေတာ႔ မရဘူးဗ်. ကၽြန္ေတာ္က Blogspot ကုိပဲ အရင္လုပ္ေပးမွာ. ဟုိဖက္ကုိ မသြားဖူးေသးေတာ႔ မလုပ္ေပးရဲေသးဘူး. ဒါမ်ဳိးက်ေတာ႔ ကုိသၾကၤန္တုိ႔၊ ကုိေမွာ္ဆရာတုိ႔၊ ကုိ Thinker တုိ႔ လုပ္ေပးလိမ္႔မယ္. ဟုတ္တယ္မလား ဘရားသားၾကီးတုိ႔ေရ…

ကဲဗ်ာ. စမယ္.

ဒါေလးကုိ EOT Coding ေနရာေလးမွာ ထည္႔ေပးလုိက္ပါ.

(၁) Classic Template သုံးတဲ႔သူမ်ားကေတာ႔ <STYLE TYPE="text/css">

ဆုိတာေလးကုိ ေတြ႔ေအာင္ရွာျပီး အဲဒီ႔စာေၾကာင္းေလးေအာက္မွာ ကၽြန္ေတာ္ခုေရးေပးလုိက္မယ္႔ Coding ေလးေတြကုိ ထည္႔ေပးပါ.

(၂) New Blogger Template သုံးတဲ႔သူမ်ားကေတာ႔ <STYLE TYPE="text/css"> ဆုိတဲ႔ စာေၾကာင္းေလးကုိ ရွာလုိ႔ေတြ႔မွာ မဟုတ္ပါဘူး. Helpdesk က EOT ပုိ႔စ္ေလးမွာ ဘေလာ႔ဂါေလးေတြ ျပႆနာတက္ေနၾကတာ အဲဒီ႔ script ေလးကို လုိက္ရွာေနၾကလုိ႔ပါ.

အဲဒ႔ီ Script ေလးကို ကုိယ္႔ဖာသာပဲ ထည္႔ေပးရပါမယ္. ဒါေၾကာင္႔ New Blogger သမားမ်ား (အမ်ားစုက New Blogger သုံးေနၾကပါတယ္.) ကေတာ႔ ကၽြန္ေတာ္ေရးေပးလုိက္တဲ႔ Coding ေလးေတြကုိ တုိက္ရုိက္ပဲ ကူးထည္႔လုိက္ပါ. အေကာင္းဆုံးကူးထည္႔သင္႔တဲ႔ ေနရာကေတာ႔

<Variable name="postTitleTxtColor" description="Post Title Text Color"

type="color" default="#000000">

*/

ဆုိတဲ႔ စာေၾကာင္းေလး ဆုံးတဲ႔ေနာက္မွာ

/* My EOT

-------------------------------------- */

ဆုိျပီး ေနရာေလးေပးလုိ႔ ခုေရးေပးလုိက္တဲ႔ စာေၾကာင္းေလးေတြကုိ ကူးထည္႔လုိက္မယ္ဆုိရင္ လုိအပ္လုိ႔ ျပန္ရွာရင္လည္း အလြယ္တကူေတြ႔ႏုိင္မွာ ျဖစ္ပါတယ္. စနစ္လည္း က်မွာ ျဖစ္ပါတယ္.

ကဲ. Coding ေလးေပးျပီေနာ္.

<STYLE TYPE="text/css">

@font-face {

font-family: Zawgyi-One;

font-style: normal;

font-weight: normal;

src: url(http://www.fileden.com/files/2007/9/23/1451933/EOT_Zawgyi4.eot);

}

@font-face {

font-family: Zawgyi-One;

font-style: oblique;

font-weight: normal;

src: url(http://www.fileden.com/files/2007/9/23/1451933/EOT_Zawgyi3.eot);

}

@font-face {

font-family: Zawgyi-One;

font-style: oblique;

font-weight: 700;

src: url(http://www.fileden.com/files/2007/9/23/1451933/EOT_Zawgyi2.eot);

}

@font-face {

font-family: Zawgyi-One;

font-style: normal;

font-weight: 700;

src: url(http://www.fileden.com/files/2007/9/23/1451933/EOT_Zawgyi1.eot);

}

ဒါဆုိရင္ EOT ျပီးပါျပီ..

ျပီးျပီလား..

ျပီးျပီေပါ႔ေနာ္..

အဲလုိမ်ိဳး မလုပ္ခ်လုိက္ပါနဲ႔..

မၾကာခင္မွာပဲ ျပႆနာထပ္တက္ပါလိမ္႔မယ္..

ဘာလုိ႔လဲသိလား

ကၽြန္ေတာ္႔ရဲ႔ EOT ဖုိင္ေလးေတြကုိ Hosting လုပ္ထားတဲ႔ Fileden.com က Free Hosting Site ပါ. ေပးထားတဲ႔ Bandwidth က နည္းနည္းေလးရယ္ပါ. ကၽြန္ေတာ္႔အေကာင္႔ကုိ ဘေလာ႔ဂါေတြ အမ်ားၾကီးက ၀ုိင္းသုံးၾကတာ မ်ားရင္ Bandwidth ႏုိင္မွာ မဟုတ္ေတာ႔ပါဘူး. ေဒါင္းသြားပါလိမ္႔မယ္ ခင္ဗ်ာ.

ဒီေတာ႔ ဘာလုပ္ရမလဲ..

အခုေပးလုိက္တဲ႔ ဖုိင္ေလးဖုိင္ကို Download ခ်လုိက္ပါ. ျပီးေတာ႔ ကုိယ္႔ရဲ႔ Hosting Site တစ္ခုခုမွာ ကုိယ္႔ဖာသာတင္ပါ. ျပီးေတာ႔မွ လင္႔ခ္ေလးကုိ ျပန္ကူးယူျပီး ကုိယ္႔ရဲ႔ EOT ကုဒ္ေလးေတြထဲကုိ ျပန္အစားသြင္းပါ.

ရႈပ္သြားလား.. မရႈပ္ပါနဲ႔ဗ်ာ. ျပန္ရွင္းျပပါမယ္.

File Hosting လုပ္တာကို မသိေသးတဲ႔သူမ်ား ဒီပုိ႔စ္ေလးကုိ သြားဖတ္ပါ. File Hosting လုပ္နည္းေလးေတြကို ရွင္းျပထားတာပါ.

ျပီးမွ ဆက္ဖတ္ပါ.

ကဲ. ဖုိင္ေလးဖုိင္ေပးျပီေနာ္. ယူပါေတာ႔

(၁) EOT_Zawgyi1.eot

(၂) EOT_Zawgyi2.eot

(၃) EOT_Zawgyi3.eot

(၄) EOT_Zawgyi4.eot

ရျပီလား

ဘာလုပ္ရမလဲဆုိေတာ႔ ကုိယ္႔ရဲ႔ Googlepages မွာပဲျဖစ္ျဖစ္၊ Fileden.com၊ Ripway.com စသည္တုိ႔မွာပဲ ျဖစ္ျဖစ္ ဒီဖုိင္ေလးေတြကုိ ျပန္တင္လုိက္ပါ. ျပီးရင္ လင္႔ခ္ကုိ ယူပါ.

ရျပီဆုိရင္ အဲဒီ႔လင္႔ခ္ေလးေတြကုိ ကၽြန္ေတာ္အထက္မွာ ေရးျပခဲ႔တဲ႔ EOT Coding ေလးေတြေနရာမွာ ျပန္အစားသြင္းပါ.

ဥပမာ..

<STYLE TYPE="text/css">

@font-face {

font-family: Zawgyi-One;

font-style: normal;

font-weight: normal;

src: url(http://www.fileden.com/files/2007/9/23/1451933/EOT_Zawgyi4.eot);

}

@font-face {

font-family: Zawgyi-One;

font-style: oblique;

font-weight: normal;

src: url(http://www.fileden.com/files/2007/9/23/1451933/EOT_Zawgyi3.eot);

}

@font-face {

font-family: Zawgyi-One;

font-style: oblique;

font-weight: 700;

src: url(http://www.fileden.com/files/2007/9/23/1451933/EOT_Zawgyi2.eot);

}

@font-face {

font-family: Zawgyi-One;

font-style: normal;

font-weight: 700;

src: url(http://www.fileden.com/files/2007/9/23/1451933/EOT_Zawgyi1.eot);

}

ဆုိတဲ႔ေနရာမွာ အားလုံးတူပါတယ္. တစ္ေနရာပဲ ျပင္ေပးရမွာပါ.

src: url(http://www.fileden.com/files/2007/9/23/1451933/EOT_Zawgyi4.eot);

ဆုိတဲ႔ေနရာမွာ

src: url(Your_Zawgyi4_File.eot);

လုိ႔ျပင္ေပးရပါမယ္.

File Hosting Site ကေပးတဲ႔ လင္႔ခ္ကုိ ယူရမွာေနာ္. ကၽြန္ေတာ္ရိုက္ျပေပးထားတဲ႔ နာမည္အတုိင္း ရုိက္မိလုိ႔ကေတာ႔ တုိင္ပတ္သြားလိမ္႔မယ္... တုိင္ၾကီးကုိ ပတ္သြားတာေလ... ဟတ္ဟတ္..

အလားတူပဲ

src: url(http://www.fileden.com/files/2007/9/23/1451933/EOT_Zawgyi3.eot);

will be

src: url(Your_Zawgyi3_File.eot);

သေဘာေပါက္ပါျပီေနာ္..

အဲလုိေလးျပင္ေပးလုိက္ရင္ သင္ကုိယ္တုိင္ပုိင္ဆုိင္တဲ႔ EOT Coding ေလးေတြကုိ ရလာပါလိမ္႔မယ္ခင္ဗ်ာ.

တစ္ခုေတာ႔ သတိထားပါေနာ္. ဖုိင္နာမည္ေတြ မေရာပါေစနဲ႔. Zawgyi1 ေနရာမွာ Zawgyi1 file ျဖစ္ေနပါေစ. Zawgyi4 ဆုိရင္လည္း ကၽြန္ေတာ္ေပးထားတဲ႔ Zawgyi4 File ပဲ ျဖစ္ေနပါေစ..

ကဲ. ဒီေလာက္ပါပဲ. အားလုံး အဆင္ေျပၾကပါေစဗ်ာ.

အားလုံးကုိ ခ်စ္ခင္ေလးစားလ်က္

ရန္ေအာင္

[Unicode]

Myanmar Blogger Helpdesk

Learning, Sharing and Growing Together at Blogging Community!

Sunday, December 9, 2007

Blogspot အားလုံးအတွက် EOT လာပြီ...

Contributor: ရန်အောင်

ခုတလော ဘလော့ဂ်လောကကြီးထဲမှာ EOT ပြဿနာတက်နေတယ်လို့ သတင်းသိုးသိုးသန့်သန့်လေး ကြားရတယ်ဗျ. ဘာတဲ့ Peekaboo ကြီးလည်း မဘူးတော့ပြန်ဘူး ဆိုလားပဲ..

ဒီတော့လည်း ချောင်ထဲမှာ ခေါက်သိမ်းထားခဲ့တဲ့ ကျွန်တော့်ရဲ့ Helpdesk ဝတ်စုံယူနီဖောင်းလေးကို ခေါက်ရိုးမကျိုးအောင် သပ်သပ်ရပ်ရပ်လေး မီးပူတိုက်ဝတ်ဆင်ပြီး ဘလော့ဂ်လောကကြီးထဲကို လာခဲ့ပါတော့သဗျား…

(impression ကောင်းအောင် မီးပူတိုက်ဝတ်တာပါ. ပုံမှန်အချိန်မှာဆိုရင်တော့ ဟဲဟဲ. သိတယ်မလား… အိမ်နေရင်း Banana Republic လောက်ပဲ ဝတ်တာပါ)

ကဲဗျာ. EOT ဘာကြောင့် ကွိုင်ရတာလဲ သိလား..

ဘာကြောင့်လဲဆိုတော့ ဘလော့ဂါမောင်မယ်တို့အတွက် ကျွန်တော်လုပ်ပေးထားတဲ့ EOT ကြီးက အလုပ်မလုပ်တော့တာ ကြာနေပြီလေ..

ဟတ်ဟတ်ဟတ်..

သေချာတယ်. မေတ္တာတွေ ပို့နေကြပြီ..

ဘယ်သူတွေများ ဘာပြောမလဲလို့ ကျွန်တော်လည်း စောင့်ကြည့်နေတာ. ဘယ်သူမှ လာမပြောတော့ အိုကေနေတယ်ထင်ပြီး ကျွန်တော်လည်း ဘာမှဆက်မပြောတော့တာဗျ.

အားလုံးကို ပြန်လုပ်ပေးနေရရင် ကျွန်တော်လည်း လျှာထွက်လိမ့်မယ်. EOT ကော်မန့်မှာ သွားကြည့်လိုက်ရင် ကော်မန့်တွေက အောက်ထစ် ၄၀ လောက် ရှိတယ်. ကဲ. ဒီတော့ တာကောကြီး ဦးမောင်လှရဲ့ EOT လုပ်နည်းလေးကို ကျွန်တော့်ရဲ့ အွိရှိအရှ နည်းလေးတွေနဲ့ ရွှိုင်းပေးပြီး အားလုံးအတွက် EOT လုပ်ပေးလိုက်ပါမယ်…

ဘယ်သူမဆို သုံးနိုင်ပါတယ်. အသားအရောင်၊ Blog အရောင် ခွဲခြားခြင်း မရှိပါဘူး. Wordpress Platform အတွက်တော့ မရဘူးဗျ. ကျွန်တော်က Blogspot ကိုပဲ အရင်လုပ်ပေးမှာ. ဟိုဖက်ကို မသွားဖူးသေးတော့ မလုပ်ပေးရဲသေးဘူး. ဒါမျိုးကျတော့ ကိုသင်္ကြန်တို့၊ ကိုမှော်ဆရာတို့၊ ကို Thinker တို့ လုပ်ပေးလိမ့်မယ်. ဟုတ်တယ်မလား ဘရားသားကြီးတို့ရေ…

ကဲဗျာ. စမယ်.

ဒါလေးကို EOT Coding နေရာလေးမှာ ထည့်ပေးလိုက်ပါ.

(၁) Classic Template သုံးတဲ့သူများကတော့ <STYLE TYPE="text/css">

ဆိုတာလေးကို တွေ့အောင်ရှာပြီး အဲဒီ့စာကြောင်းလေးအောက်မှာ ကျွန်တော်ခုရေးပေးလိုက်မယ့် Coding လေးတွေကို ထည့်ပေးပါ.

(၂) New Blogger Template သုံးတဲ့သူများကတော့ <STYLE TYPE="text/css"> ဆိုတဲ့ စာကြောင်းလေးကို ရှာလို့တွေ့မှာ မဟုတ်ပါဘူး. Helpdesk က EOT ပို့စ်လေးမှာ ဘလော့ဂါလေးတွေ ပြဿနာတက်နေကြတာ အဲဒီ့ script လေးကို လိုက်ရှာနေကြလို့ပါ.

အဲဒ့ီ Script လေးကို ကိုယ့်ဖာသာပဲ ထည့်ပေးရပါမယ်. ဒါကြောင့် New Blogger သမားများ (အများစုက New Blogger သုံးနေကြပါတယ်.) ကတော့ ကျွန်တော်ရေးပေးလိုက်တဲ့ Coding လေးတွေကို တိုက်ရိုက်ပဲ ကူးထည့်လိုက်ပါ. အကောင်းဆုံးကူးထည့်သင့်တဲ့ နေရာကတော့

<Variable name="postTitleTxtColor" description="Post Title Text Color"

type="color" default="#000000">

*/

ဆိုတဲ့ စာကြောင်းလေး ဆုံးတဲ့နောက်မှာ

/* My EOT

-------------------------------------- */

ဆိုပြီး နေရာလေးပေးလို့ ခုရေးပေးလိုက်တဲ့ စာကြောင်းလေးတွေကို ကူးထည့်လိုက်မယ်ဆိုရင် လိုအပ်လို့ ပြန်ရှာရင်လည်း အလွယ်တကူတွေ့နိုင်မှာ ဖြစ်ပါတယ်. စနစ်လည်း ကျမှာ ဖြစ်ပါတယ်.

ကဲ. Coding လေးပေးပြီနော်.

<STYLE TYPE="text/css">

@font-face {

font-family: Zawgyi-One;

font-style: normal;

font-weight: normal;

src: url(http://www.fileden.com/files/2007/9/23/1451933/EOT_Zawgyi4.eot);

}

@font-face {

font-family: Zawgyi-One;

font-style: oblique;

font-weight: normal;

src: url(http://www.fileden.com/files/2007/9/23/1451933/EOT_Zawgyi3.eot);

}

@font-face {

font-family: Zawgyi-One;

font-style: oblique;

font-weight: 700;

src: url(http://www.fileden.com/files/2007/9/23/1451933/EOT_Zawgyi2.eot);

}

@font-face {

font-family: Zawgyi-One;

font-style: normal;

font-weight: 700;

src: url(http://www.fileden.com/files/2007/9/23/1451933/EOT_Zawgyi1.eot);

}

ဒါဆိုရင် EOT ပြီးပါပြီ..

ပြီးပြီလား..

ပြီးပြီပေါ့နော်..

အဲလိုမျိုး မလုပ်ချလိုက်ပါနဲ့..

မကြာခင်မှာပဲ ပြဿနာထပ်တက်ပါလိမ့်မယ်..

ဘာလို့လဲသိလား

ကျွန်တော့်ရဲ့ EOT ဖိုင်လေးတွေကို Hosting လုပ်ထားတဲ့ Fileden.com က Free Hosting Site ပါ. ပေးထားတဲ့ Bandwidth က နည်းနည်းလေးရယ်ပါ. ကျွန်တော့်အကောင့်ကို ဘလော့ဂါတွေ အများကြီးက ဝိုင်းသုံးကြတာ များရင် Bandwidth နိုင်မှာ မဟုတ်တော့ပါဘူး. ဒေါင်းသွားပါလိမ့်မယ် ခင်ဗျာ.

ဒီတော့ ဘာလုပ်ရမလဲ..

အခုပေးလိုက်တဲ့ ဖိုင်လေးဖိုင်ကို Download ချလိုက်ပါ. ပြီးတော့ ကိုယ့်ရဲ့ Hosting Site တစ်ခုခုမှာ ကိုယ့်ဖာသာတင်ပါ. ပြီးတော့မှ လင့်ခ်လေးကို ပြန်ကူးယူပြီး ကိုယ့်ရဲ့ EOT ကုဒ်လေးတွေထဲကို ပြန်အစားသွင်းပါ.

ရှုပ်သွားလား.. မရှုပ်ပါနဲ့ဗျာ. ပြန်ရှင်းပြပါမယ်.

File Hosting လုပ်တာကို မသိသေးတဲ့သူများ ဒီပို့စ်လေးကို သွားဖတ်ပါ. File Hosting လုပ်နည်းလေးတွေကို ရှင်းပြထားတာပါ.

ပြီးမှ ဆက်ဖတ်ပါ.

ကဲ. ဖိုင်လေးဖိုင်ပေးပြီနော်. ယူပါတော့

(၁) EOT_Zawgyi1.eot

(၂) EOT_Zawgyi2.eot

(၃) EOT_Zawgyi3.eot

(၄) EOT_Zawgyi4.eot

ရပြီလား

ဘာလုပ်ရမလဲဆိုတော့ ကိုယ့်ရဲ့ Googlepages မှာပဲဖြစ်ဖြစ်၊ Fileden.com၊ Ripway.com စသည်တို့မှာပဲ ဖြစ်ဖြစ် ဒီဖိုင်လေးတွေကို ပြန်တင်လိုက်ပါ. ပြီးရင် လင့်ခ်ကို ယူပါ.

ရပြီဆိုရင် အဲဒီ့လင့်ခ်လေးတွေကို ကျွန်တော်အထက်မှာ ရေးပြခဲ့တဲ့ EOT Coding လေးတွေနေရာမှာ ပြန်အစားသွင်းပါ.

ဥပမာ..

<STYLE TYPE="text/css">

@font-face {

font-family: Zawgyi-One;

font-style: normal;

font-weight: normal;

src: url(http://www.fileden.com/files/2007/9/23/1451933/EOT_Zawgyi4.eot);

}

@font-face {

font-family: Zawgyi-One;

font-style: oblique;

font-weight: normal;

src: url(http://www.fileden.com/files/2007/9/23/1451933/EOT_Zawgyi3.eot);

}

@font-face {

font-family: Zawgyi-One;

font-style: oblique;

font-weight: 700;

src: url(http://www.fileden.com/files/2007/9/23/1451933/EOT_Zawgyi2.eot);

}

@font-face {

font-family: Zawgyi-One;

font-style: normal;

font-weight: 700;

src: url(http://www.fileden.com/files/2007/9/23/1451933/EOT_Zawgyi1.eot);

}

ဆိုတဲ့နေရာမှာ အားလုံးတူပါတယ်. တစ်နေရာပဲ ပြင်ပေးရမှာပါ.

src: url(http://www.fileden.com/files/2007/9/23/1451933/EOT_Zawgyi4.eot);

ဆိုတဲ့နေရာမှာ

src: url(Your_Zawgyi4_File.eot);

လို့ပြင်ပေးရပါမယ်.

File Hosting Site ကပေးတဲ့ လင့်ခ်ကို ယူရမှာနော်. ကျွန်တော်ရိုက်ပြပေးထားတဲ့ နာမည်အတိုင်း ရိုက်မိလို့ကတော့ တိုင်ပတ်သွားလိမ့်မယ်... တိုင်ကြီးကို ပတ်သွားတာလေ... ဟတ်ဟတ်..

အလားတူပဲ

src: url(http://www.fileden.com/files/2007/9/23/1451933/EOT_Zawgyi3.eot);

will be

src: url(Your_Zawgyi3_File.eot);

သဘောပေါက်ပါပြီနော်..

အဲလိုလေးပြင်ပေးလိုက်ရင် သင်ကိုယ်တိုင်ပိုင်ဆိုင်တဲ့ EOT Coding လေးတွေကို ရလာပါလိမ့်မယ်ခင်ဗျာ.

တစ်ခုတော့ သတိထားပါနော်. ဖိုင်နာမည်တွေ မရောပါစေနဲ့. Zawgyi1 နေရာမှာ Zawgyi1 file ဖြစ်နေပါစေ. Zawgyi4 ဆိုရင်လည်း ကျွန်တော်ပေးထားတဲ့ Zawgyi4 File ပဲ ဖြစ်နေပါစေ..

ကဲ. ဒီလောက်ပါပဲ. အားလုံး အဆင်ပြေကြပါစေဗျာ.

အားလုံးကို ချစ်ခင်လေးစားလျက်

ရန်အောင်

CSS -cascading style sheet

 

CSS (Cascading Style Sheets) is what makes web pages look good and presentable.

 It’s an essential part of modern web development and a must-have skill for any web designer and developer.

In this article, I’ll give you a quick introduction to help you get started with CSS.

We’ve also launched a free full-length CSS course on Scrimbahttps://scrimba.com/learn/introtocss

1. Inline CSS First off, we can include CSS directly in our HTML elements.

Getting Started Let’s start with learning how we can include CSS in our projects. There are typically three ways we do that.

1. Inline CSS First off, we can include CSS directly in our HTML elements. For this, we make use of the style attribute and then we provide properties to it.

Hello world!

bitch and table tutorial

Bitch!

table!

 

Bitch!

 

fUCK YOU

 

I love you!

 

Hello world!

Component of browser

1.  CSS 
2. HTML 
3. JS

•  CSS (Cascading Style Sheets) is what makes web pages look good and presentable. It’s an essential part of modern web development and a must-have skill for any web designer and developer.

1. In this article, I’ll give you a quick introduction to help you get started with CSS.

   We’ve also launched a free full-length CSS course on Scrimba. Click here to check it out.

   I’m assuming that you have a basic understanding of HTML, but other than that there are no prerequisites for this tutorial.

   Getting Started

   Let’s start with learning how we can include CSS in our projects. There are typically three ways we do that.

   1. Inline CSS

   First off, we can include CSS directly in our HTML elements. For this, we make use of the style attribute and then we provide properties to it.

   <h1 style="color: blue"> Hello world! </h1>
   

   Here we’re giving it the property of color, and setting the value to blue, which results in the following:

   

   We can also set multiple properties inside the style tag if we wanted. However, I don’t want to continue down this path, as things start to get messy if our HTML is cluttered with lots of CSS inside it.

   This is why the second method to include CSS was introduced.

   2. Internal CSS

   The other way to include CSS is using the style element in the head section of the HTML document. This is called internal styling.

   <head>  
       <style>  
           h1 {  
               color: blue;  
           }  
       </style>  
   </head>
   

   In the style element, we can give the styling to our HTML elements by selecting the element(s) and provide styling attributes. Just like we applied thecolorproperty to the h1 element above.

   3. External CSS

   The third and most recommended way to include CSS is using an external stylesheet. We create a stylesheet with a .css extension and include its link in the HTML document, like this:

   <head>  
       <link rel="stylesheet" href="style.css">  
   </head>
   

   In the code above, we have included the link of style.css file using the link element. We then write all of our CSS in a separate stylesheet called style.css so that it’s easily manageable.

   h1 {  
      color: blue;  
   }
   

   This stylesheet can also be imported into other HTML files, so this is great for reusability.

   CSS Selectors

   As we discussed earlier, CSS is a design language which is used to style HTML elements. And in order to style elements, you first have to select them. You’ve already seen a glimpse of how this works, but let’s dive a bit deeper into CSS selectors, and look at three different ways you can select HTML elements.

   1. Element

   The first way to select an HTML element is by simply using the name, which is what we did above. Let’s see how it works:

   h1 {  
       font-size: 20px;  
   }  
   p {  
       color: green;  
   }  
   div {  
       margin: 10px;  
   }
   

   The example above is almost self-explanatory. We are selecting different elements like h1, p, div and giving them different style attributes. The font-size controls the size of the text, color sets the text color, and margin adds spacing around the element.

   2. Class

   Another way of selecting HTML elements is by using the class attribute. In HTML, we can assign different classes to our elements. Each element can have multiple classes, and each class can also be applied to multiple elements as well.

   Let’s see it in action:

   <div class='container'>  
       <h1> This is heading </h1>  
   </div>
   

   
   .container {  
       margin: 10px;  
   }
   

   In the code above, we have assigned the class of container to the div element. In the stylesheet, we select our class using .className format and giving it a 10px margin.

   3. ID

   Like classes, we can also use IDs to select HTML elements and apply styling to them. The only difference between class and ID is that one ID can be assigned to only one HTML element.

   <div>  
       <p id='para1'> This is a paragraph </p>  
   </div>
   

   
   #para1 {  
       color: green;  
       font-size: 16px;  
   }
   

   The example above displays how we assign an ID to the paragraph element and later use the ID selector in the stylesheet to select the paragraph and apply the style to it.

   Fonts & Colors

   CSS provides us with literally hundreds of options for playing around with fonts and colors and making our HTML elements look pretty. We can choose from two types of font family names:

   1. Generic Family: a group of font families with a similar look (like ‘Serif’ or ‘Monospace’)

   2. Font Family: a specific font family (like ‘Times New Roman’ or ‘Arial’)

   For colors, we can use predefined color names, or RGB, HEX, HSL, RGBA, HSLA values.

   <div class='container'>  
       <h1 class='heading1'>  
           CSS is Coooooool!!!!  
       </h1>  
   </div>
   

   .container {  
       width: 500px;  
       height: 100px;  
       background-color: lightcyan;  
       text-align: center;  
   }
   
   .heading1 {  
       font-family: 'Courier New';  
       color: tomato;  
   }