Myanmar Blogger Helpdesk

Learning, Sharing and Growing Together at Blogging Community!

Special Offer For Merry X-Mas!  

Contributor: ေမွာ္ဆရာ

X-mas Blog Theme (Blogger Template)



Demo Blog

Download


For Wordpress Theme


-->Download Here <--



Crystal Xmas pack






In pack is:

XmasCandy ViOrbv2 Skin For Window XP
Xmas ViStart Style For Window XP
Xmas Visual Style For Window XP
and CrystalXmas Wallpaper (800x600, 1024x786, 1200x900, 1600x1200)


Download


X-Mas Visual Style For Window XP



Download



X-Mas Theme For Firefox 2.0 +




Download & Install



Crystal XP PNG Pack For Merry X-Mas






Download PNG Pack

Download ICON Pack




biggrin Happy New Year & Merry X-Mas For All! biggrin

Read More...
AddThis Social Bookmark Button

Spotback - Let your visitors rate your posts  

Contributor: မ်ိဳးေက်ာ္ထြန္း

Spotback - Rate everything
spotback က ပို႕စ္ေတြကို rating ေပးတဲ့ plugin တစ္ခုပါပဲ။ register လုပ္ထားတဲ့သူေကာ မလုပ္တဲ့သူပါ rate လုပ္လို႕ရပါတယ္။ spotback member ေတြထဲက ဘယ္သူ ဘယ္ပို႕စ္မွာ ဘယ္ေလာက္ rate လုပ္သြားတာကိုလည္း သိႏိုင္ပါတယ္။ highest rated tag တို႕ top suggested rated tag တို႕ကိုလည္း ေဖာ္ျပေပးတဲ့ widget ကိုလည္း ကိုယ့္ဘေလာ့ဂ္ရဲ႕ ဆိုဒ္ဘားမွာ ထည့္လို႕ရပါတယ္။ ကိုယ့္ဘေလာ့ဂ္ကို လာဖတ္တဲ့ အေၾကာင္းတစ္ခုခုေၾကာင့္ comment မေပးခ်င္တဲ့ invisible visitor ေတြကိုလည္း ဒါေလးနဲ႕ ကူညီလို႕ရပါတယ္။ blogger (new beta, old) , wordpress နဲ႕ တစ္ျခား blog platform မွာ ဘယ္လို ထည့္ရတယ္ဆိုတာကိုလည္း code ယူတဲ့ အခ်ိန္မွာ ေသခ်ာရွင္းထားပါတယ္။ ေအာက္က ပံုေလး ႏွစ္ခုက snapshot လုပ္ထားတာပါ။ ဒိျပင္ ပံုစံမ်ိဳးစံုလည္း ရွိပါတယ္။

Spotback rating
ဒါကို Go2Web2 မွာ စစေတြ႕ၿပီး limited user account ရကတည္းက ေရးမယ္ဆိုၿပီး လုပ္ထားတာ မေရးျဖစ္ဘူး။ ကဲ စမ္းၾကည့္ၾကပါေလ။

Read More...
AddThis Social Bookmark Button

Blogger Xmas Logo Icons  

Contributor: Tayzar44

Change Your Blog Into Christmas Decoration



Download Blogger Xmas Icons (15 Icons)
Download

Format : .png
Dimensions : 200x200 (Approx.)
Footprint : 30-40 KB (Approx.)(Each image)

Please help spread the word by letting others know about this freebie. Please don't directly link to the zipped file, instead link to the download overview page.

Read More...
AddThis Social Bookmark Button

Blogger အတြက္ Wordpress Themes  

Contributor: ရန္ေအာင္


အားလုံးပဲ မဂၤလာပါခင္ဗ်ာ.

ခုတေလာ ကုိသၾကၤန္တုိ႔၊ ကုိ Thinker တုိ႔၊ ကုိေမွာ္ဆရာတုိ႔က Wordpress Template ေတြအေၾကာင္း ေတာ္ေတာ္ေလး ေဆြးေႏြးေနၾကတာကုိ ေတြ႔ရပါတယ္. ကၽြန္ေတာ္ေတာင္ စိတ္ပါလာတယ္.(ေဩာ္. Wordpress ဖက္ေျပာင္းဖုိ႔ကုိ ေျပာတာပါ. ဟတ္ဟတ္.)

ကဲ. Wordpress ဖက္ကုိ မသြားခ်င္ေသးဘူး. Blogger မွာပဲ Wordpress Themes ေလးေတြနဲ႔ စမ္းသပ္ၾကည္႔ခ်င္ေသးတယ္ ဆုိရင္ေတာ႔ ဒီဆုိဒ္ေလးကုိ သြားၾကည္႔လုိက္ပါခင္ဗ်ာ.

http://thaslayer.com/category/templates/

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

ခင္မင္ေလးစားလ်က္

ရန္ေအာင္

Read More...
AddThis Social Bookmark Button

Wordpress Themes  

Contributor: mtj

Wrdpress အတြက္ ျမန္မာစာ နဲ႕ အသင့္သံုးႏိုင္တဲ့ themes ေတြကို တင္ေပးထားပါတယ္။ themes install လုပ္တာကို how to wordpress မွာ ဖတ္ရႈႏိုင္ပါတယ္။ တကယ္လို႕ ေမးျမန္းခ်င္တာရွိရင္ helpdesk cbox ျဖစ္ျဖစ္ smsy cbox တြင္ ျဖစ္ျဖစ္ ေမးျမန္း ႏိုင္ပါတယ္။







Read More...
AddThis Social Bookmark Button

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.comRipway.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 ပဲ ျဖစ္ေနပါေစ..

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

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

ရန္ေအာင္

Read More...
AddThis Social Bookmark Button

Blogger In Draft { Updated! }  

Contributor: ေမွာ္ဆရာ



Blogger Draft ေနာက္တစ္ေခါက္ျပန္လာပါၿပီ။ အရင္ကထက္ Feature ေတြပိုစံုလာတယ္။ ေနာက္ ေဘာ္ဒါ ေဟာင္းႀကီး Blogger.Com ကိုအၿမဲသံုးေနရတာ ၾကာလို႔ ၿငီးေငြ႔လာတဲ့သူေတြ အတြက္လည္း ေျပာင္းအသံုးျပဳလို႔ရတာေပါ့။ ကၽြန္ေတာ္လည္း အမွန္အတိုင္းေျပာရရင္ Draft ကို Beta ထက္ပိုႀကိဳက္တယ္ဗ်။ သံုးရတာ ေပါ့တယ္။ Design ေတြလန္းတယ္။

ဒါနဲ႔ အခုအသစ္တစ္ဖန္ ျပန္ Launch လုပ္လိုက္တဲ့ Draft ကိုေလ့လာၾကည့္ေတာ့ ေအာက္ပါအခ်က္ေတြကို (အျပည့္အစံုေတာ့ မဟုတ္ႏိုင္ေသး.. ကၽြန္ေတာ္သတိထားမိ သမွ်သာ) Major Update ေတြအျဖစ္ေတြ႔ရတယ္ဗ်ိဳ႔။

(က) Blogger 3.0 Rounder Template မ်ားထည့္သြင္းေပးထားျခင္း {Template အပိုင္းမွာထည့္ထားတာဗ်}

(ခ) အသံုး၀င္တဲ့ Special Widget ေတြ အလြယ္တစ္ကူ အသံုးျပဳလို႔ရေအာင္ ထပ္မံျဖည့္စြက္ထားျခင္း { Google Gadgets,Search Box,Pool & Slide Show or Photo Album စသျဖင့္..}

ကၽြန္ေတာ္ ေရၾကည့္တာ စုစုေပါင္း Widget -၁၉ ခုအထိရွိပါတယ္။ Blogger Beta မွာေတာင္ ၁၆-ခုပဲပါတယ္။ အဲဒီထဲက ကၽြန္ေတာ့္စိတ္ႀကိဳက္ Widget တစ္ခုကိုျပပါဆိုရင္ ”Subscription Links” ဆိုတဲ့ Widget ကိုျပရမွာပဲ။ အရင္က ကိုယ့္ Blog လာလည္သူေတြ စိတ္ႀကိဳက္ Reader တစ္ခုခုနဲ႔ ဖတ္ႏိုင္ဖို႔အေရး၊ ကိုယ္တိုင္ရွာႀကံလုပ္ကိုင္ၿပီး ဒီ Widget ရေအာင္လုပ္ခဲ့ရတာေလ။ အခုေတာ့ လြယ္မွလြယ္။ 1 Click & 2 Done! ပဲ။



(ဂ)ေနာက္ထပ္ အေကာင္းဆံုး Feature တစ္ခုကေတာ့ OpenID ပါပဲ။ မွန္ပါတယ္။ အခုဆိုရင္ Blogger ရဲ့ Beta မွာမရေသးတဲ့ ဒီ Feature OpenID ကို Blogger Draft မွာရရွိေနပါၿပီ။ OpenID အသံုးျပဳျခင္းျဖင့္ မည္သည့္ဘေလာ့မဆို (Google Account မရွိေသာ္ျငားလည္း) ခင္ဗ်ား Comment ၀င္ေရးလို႔ရပါၿပီ။
ဒါဟာ Blogger ေတြတင္မက Reader ေတြအတြက္ပါ အရမ္းကို အဆင္ေျပ၊ အသံုးက်လြန္းတဲ့ Feature တစ္ခုပါ။ ဒီ Feature (Wordpress မွာေတာ့ရတာ ၾကာပါၿပီ) ရရွိလာျခင္းျဖင့္ မည္သူမဆို Knowledge ပိုင္းဆိုင္ရာေတြ ကိုလြတ္လပ္စြာ ႏွီးေႏွာဖလွယ္ခြင့္ရရွိေစပါတယ္။

{OpenID အေၾကာင္းသိဖို႔နဲ႔ ကိုယ္ပိုင္ OpenID တစ္ခုရယူဖို႔အတြက္ {ဒီေနရာ} ကိုသြားပါ။}


******************************************************


Blogger in Draft ၏ ေနာက္ဆက္တြဲသတင္း

အဲဒီ Blogger in Draft က Subscription Links Widget ကို ကၽြန္ေတာ္ အေတာ္ႀကိဳက္တယ္ဆိုတာ အေပၚမွာ ေျပာခဲ့ၿပီးပါၿပီ။ ဒါေပမယ့္ ဒီ့ထက္ႀကိဳက္တာတစ္ခု ထပ္ေတြ႔လို႔ အခ်ိန္မဆိုင္းပဲ ေရာင္းရင္းမ်ားကို အျမန္မွ်ေ၀လိုက္ပါတယ္။ Blogger in Draft ရဲ့ Page Element စာမ်က္ႏွာမွာ Search Box ထည့္လို႔ရတဲ့ Feature တစ္ခုပါတယ္ဆိုတာ အေပၚကပို႔စ္ကို ဖတ္ခဲ့ရင္သိၿပီးျဖစ္မွာပါ။ အေပၚကပို႔စ္ ကို ေရးၿပီးတဲ့ အထိကၽြန္ေတာ္လည္း သာမန္ေလာက္ပဲသေဘာထားခဲ့တာပါ။ အခု ေက်ာင္းက ျပန္ေရာက္၊ ဟုိဟိုဒီဒီၾကည့္ရင္းနဲ႔ Blogger HelpDesk မွာ Search Box ေလး တစ္ခုေလာက္ထည့္ထားရင္ လာေရာက္ ရွာေဖြသူေတြအတြက္ အေတာ္အဆင္ေျပမယ္ လို႔ေတြးၿပီး တဆက္တည္း Blogger in Draft ကို ေျပးသတိရလိုက္ပါတယ္။

ဒီလိုနဲ႔ Page Element စာမ်က္ႏွာက တဆင့္ Search Box ကို ကၽြန္ေတာ္ ထည့္လိုက္ပါတယ္။ ၎ကိုထည့္တဲ့ အခ်ိန္မွာ ရွာေဖြေစခ်င္တဲ့ ေနရာေတြကို သူက Tick လုပ္ခိုင္းပါတယ္။ ပထမ- မိမိဘေလာ့ဂ္ အတြင္း၊ ေနာက္ မိမိဘေလာ့ဂ္မွာ လင့္ခ္တြဲထားတဲ့ ဆိုဒ္မ်ားအတြင္း၊ ေနာက္ဆံုးေတာ့ The Web(Internet) အတြင္းေပါ့ဗ်ာ။ ကိုယ္ရွာေစခ်င္တဲ့ ေနရာေတြကို Tick လုပ္လိုက္ရံုပါပဲ။ မရွာေစခ်င္တဲ့ ေနရာေတာ့ ခ်န္ထားခဲ့ေပါ့ဗ်ာ။ Search Box ထည့္ၿပီးတဲ့အထိလည္း သိပ္ေထြေထြးထူးထူး ေတြ႔ရလိမ့္မယ္လို႔ မေမွ်ာ္လင့္မိေသးပါဘူး။ ဘာလို႔လည္း ဆိုေတာ့ အရင္ကတည္းကလည္း ကၽြန္ေတာ္တို႔ Google ရဲ့ Search Engine ကို ကိုယ္ပိုင္ Custom လုပ္လို႔တစ္မ်ိဳး၊ မူရင္းအတိုင္း Gadgets မ်ားမွတသြယ္ အမ်ိဳးမ်ိဳးထည့္ခဲ့ၾကၿပီး ရွာေဖြလို႔ရသမွ်ဟာလည္း Google မွာရွာသလိုပဲ ၀ဘ္ေပ့ခ်္တစ္ခုလံုးနဲ႔ {New Tab မွာ(သို႔)မူရင္းစာမ်က္ႏွာအတြင္းမွာ} ျပသေလ့ရွိပါတယ္။

သို႔ေသာ္..သို႔ေသာ္ေပါ့.. အခု Blogger in Draft မွာသံုးထားတဲ့ Search Box Widget ကေတာ့ျဖင့္ တစ္မူထူးတယ္ခင္ဗ်။ ျမန္မာလိုျဖစ္ေစ၊ အဂၤလိပ္လိုျဖစ္ေစ ႀကိဳက္ရာတစ္ခုခုကို ရိုက္ႏွိပ္ရွာေဖြလိုက္တာနဲ႔ မိမိဘေလာ့ဂ္စာမ်က္ႏွာရဲ့ ေနာက္ဆံုးပို႔စ္ အထက္မွာ Dynamic HTML Page အျဖစ္နဲ႔ ေအာက္ပါအတိုင္းျပသေပးတယ္ခင္ဗ်။ Page Loading မရွိပဲ AJAX Technology နဲ႔ထည့္ေပးထားတယ္ဗ်ိဳ႔။ ရွာေဖြလို႔ရသမွ် Results ေတြကလည္း အေတာ့္ကို တိတိက်က် ျဖစ္ေအာင္ရွာေဖြေပးထားတာကို ေတြ႔ရတယ္ဗ်။ ကၽြန္ေတာ္က ကၽြန္ေတာ့္ ဘေလာ့ဂ္၊ လင့္ခ္တြဲထားတဲ့ ဘေလာ့ဂ္ေတြ၊ ဆိုဒ္ေတြ ႏွင့္ ေနာက္ဆံုး အင္တာနက္ ဆိုၿပီး ရွာေဖြဖို႔ Tick လုပ္ခဲ့တဲ့အတြက္ ရွာေဖြလို႔ရတဲ့ Results ေတြကို Tab သံုးခုႏွင့္ ျပသေပးထားတာကို ေတြ႔ရမွာပါ။ ျမန္မာလိုလည္း တိတိက်က် ရွာေဖြေပးတာေတြ႔ရေတာ့ ျမန္မာ ဘေလာ့ဂ္ဂါေတြအတြက္ Special ပဲေပါ့ဗ်ာ။ ကိုယ့္ဘေလာ့ဂ္မွာ က႑အသီးသီးက ျမန္မာဘေလာ့ဂ္ေတြႏွင့္ အျခား Resources ေတြ မ်ားမ်ားလင့္ခ္ထားေလေလ၊ ကိုယ့္ရဲ့ Search Results မ်ားမ်ားနဲ႔ တိတိက်က် ေပၚေလေလပါပဲ။ ၎ Widget ေလးကေတာ့ ဒီေန႔အတြက္ ႏွင့္ ကၽြန္ေတာ့္အတြက္ စိတ္ေက်နပ္စရာအေကာင္းဆံုး အရာတစ္ခုပါပဲ။




Blogger in Draft ႏွင့္ Blogger Beta တြင္ Widget မ်ားထည့္သြင္းနည္း

BLogger မွာ Widget တစ္ခုကို ဘယ္လိုထည့္ရမယ္ဆိုတာ သိၿပီးသားသူမ်ား အတြက္ကေတာ့ ဒီအဆင့္မွာတင္ ၿပီးသြားပါၿပီ။ အခုဆက္ေရးမွာက ၎ Widget ေတြကို မိမိဘေလာ့ဂ္ အတြင္းသို႔ ဘယ္လိုထည့္ရမယ္ဆိုတာ မသိေသးသူမ်ားအတြက္ ထပ္ေဆာင္းရွင္းလင္းခ်က္ သေဘာမ်ိဳး ျဖစ္ပါတယ္။ ၎နည္းလမ္းမ်ားအတိုင္း ေနာက္မ်ားမွာလည္း မိမိႏွစ္သက္ရာ Widget ေတြကို အလြယ္တစ္ကူ ထည့္သြင္းလို႔ရေစပါမယ္။

(က) အထက္ပါ Widget ကိုထည့္သြင္းရန္အတြက္ Blogger in Draft မွတဆင့္ မိမိ၏ Google Account ျဖင့္ Blogger Dashboard သို႔ ၀င္ေရာက္ပါ။ Dashboard တြင္ Posts,Setting,Layout ဆိုၿပီး သံုးမ်ိဳးရွိတဲ့အနက္ Layout ကိုကလစ္ပါ။



Template Tab ေအာက္ရွိ Page Element Sub Tab သို႔ တိုက္ရိုက္ ေရာက္သြားတာကို ေတြ႔ရပါမယ္။ ၎စာမ်က္ႏွာကို ေရာက္ၿပီဆိုလ်င္ Search Engine Widget ကို မိမိထည့္လိုတဲ့ေနရာမွာ ရွိတဲ့ Page Element ေတြအေပၚက "Add a page element " ဆိုတာကို ထပ္ကလစ္ပါ။



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



ေအာက္ပါအတိုင္း ၀င္းဒိုး အသစ္တစ္ခုတက္လာၿပီး Configure Search Box လို႔ေပၚလာရင္ မိမိရွာေဖြေစလိုတဲ့ ေနရာေတြကို Tick လုပ္ေပးပါ။ မရွာေစခ်င္တဲ့ေနရာကို ခ်န္ခဲ့လို႔ရပါတယ္။ အားလံုးၿပီးၿပီဆိုတာနဲ႔ "Save Change" ကိုကလစ္ပါ။



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



Widget အသစ္မ်ားျဖင့္ ေပ်ာ္ရႊင္လွပ၊ ဘေလာဂ့္ႏိုင္ၾကေစ ကုန္သတည္း။


Technorati Tags: | | | | |

Read More...
AddThis Social Bookmark Button

Wordpress Blogging with Blogsom  

ေမွာ္ဆရာက Wordpress Blogging လုပ္ဖို႔ Host အသစ္ေတြ႔တယ္ စမ္းၾကပါဆိုလို႔ စမ္းၾကည့္လိုက္ပါတယ္။ ေမွာ္ဆရာကစမ္းျပီးရင္ ျပန္လည္ေ၀မွ်ပါလို႔ တိုက္တြန္းထားပါတယ္။ က်ေနာ္ ကလိၾကည့္တာကို Wordpress တိုက္ရိုက္လုပ္တာ၊ Free Host ကေနလုပ္တာနဲ႔ ေမွာ္ဆရာညႊန္းတဲ့ Blogsom ကေနစမ္းၾကည့္တာကို အေတြ႕အၾကံဳအရ ေ၀မွ်ခ်င္ပါတယ္။ ေမွာ္ဆရာဘုရင့္ေနာင္ကိုမင္းေက်ာ္တို႔လို စံုစံုေစ့ေစ့နည္းပညာေတာ့ က်မယ္မထင္ဘူး။

Wordpress မွာ တိုက္ရိုက္ Account ဖြင့္ရင္ CSS ကုတ္ေတြ ျပင္လို႔မရပါဘူး။ Header ကေတာ့ တန္းပလိပ္ကို လိုက္ျပီး ျပင္လို႔၊ ေျပာင္းလို႔ ရတာမ်ိဳးေတာ့ ရွိပါတယ္။ ပို႔စ္အတြက္ ေဇာ္ဂ်ီေဖာင့္ Assign လုပ္လို႔ရေပမယ့္ CSS ျပင္မရတာေၾကာင့္ Sidebar ေခါင္းစဥ္၊ ပို႔စ္ေခါင္းစဥ္ေတြ ျပင္မရလို႔ (Firefox, IE အားလံုးမွာဖတ္လို႔ရေအာင္) အဂၤလိပ္လိုပဲ ေရးတာမ်ိဳးရွိပါတယ္။

ဒါေၾကာင့္ ဒုတိယနည္းအေနနဲ႔ Free Host မွာ Account ဖြင့္ျပီး Wordpress လုပ္လာၾကတာျဖစ္ပါတယ္။ တန္းပလိပ္ေတြ အရမ္းေကာင္းတယ္။ CSS ကုတ္ေတြျပင္လို႔ရတယ္။ ေဇာ္ဂ်ီ Assign လုပ္လို႔ရတယ္။ Open Source ေတြရွိတယ္။ ဒါေပမယ့္ API Key ကို Recognize မလုပ္လို႔ Plug-in အလုပ္မလုပ္တာ၊ Wordpress မွာ အလုပ္လုပ္တဲ့ Spam ေတြ တားေပးတဲ့ Plug-in အလုပ္မလုပ္လို႔ Spam ေကာ္မန္႔ေတြ ၀င္တာ စတဲ့ ျပႆနာေလးေတြရွိပါတယ္။ တန္းပလိပ္ေပၚမူတည္ျပီး Widget ေတြ၊ Sidebar ေတြ ျပင္ရတာမို႔ စလုပ္သူေတြအဖို႔ေတာ့ စိတ္ညစ္ရဖို႔ရွိပါတယ္။

အခု ေမွာ္ဆရာညႊန္းတာက Blogsom ပါ။ အဲဒီမွာ Account ဖြင့္ျပီး Wordpress နဲ႔ Run လို႔ရတာမ်ိဳးျဖစ္ပါတယ္။ Free Host မွာ ဒုကၡမ်ားျပီး တိုုင္ပတ္စရာ မလိုဘူးေပါ့။ ဒါေပမယ့္ Wordpress တိုက္ရိုက္လုပ္တာ၊ Free Host ကေနလုပ္တာနဲ႔ Blogsom ကေနစမ္းၾကည့္တာ ေတြ႔ရတဲ့ ကြာျခားခ်က္ကေလးကို ေျပာခ်င္ပါတယ္။

Blogsom က Wordpress Function ေတြဆိုေပမယ့္ ဒိတ္ေအာက္ေနသလိုပါပဲ။ ေပးထားတဲ့ တန္းပလိပ္ေတြကလည္း 2003, 2004, 2005 ဒီဇိုင္းေတြျဖစ္ျပီးရိုးပါတယ္။ တခ်ိဳ႕ကေတာ့ စိတ္ၾကိဳက္ျပင္ႏိုင္ေအာင္ ဖြင့္ေပးထားပါတယ္။ Default WP Theme 2003 လို ဟာမ်ိဳးပါ။ Blogsom နဲ႔ လုပ္ထားတဲ့ နမူနာေတြ ေလွ်ာက္ၾကည့္ေတာ့ ထူးထူးကဲကဲ ကလိထားၾကတာ သိပ္မေတြ႔ပါဘူး။ Blogspot ရဲ့ CSS ကုဒ္နဲ႔ ယွဥ္ရင္ ခက္သေယာင္ရွိပါတယ္။ Free Host/Wordpress ရဲ့ CSS က မ်ားလြန္းလို႔ ခက္တာျဖစ္ျပီး Blogsom က ဘာမွ မရွိလို႔ ခက္တာမ်ိဳးပါ။ CSS ျပင္ၾကေၾကး၊ ကလိၾကေၾကးဆို Blogspot က သာပါလိမ့္မယ္။

က်ေနာ္မွားေနတာ လိုေနတာကို ျဖည့္စြက္ ညႊန္ၾကားျပင္ဆင္ေပးၾကပါရန္။ က်ေနာ္လုပ္ၾကည့္ထားတဲ့ နမူနာကို ဒီမွာ ၾကည့္ႏိုင္ပါတယ္။

Click Here.

ဇယားေလးနဲ႔ စာရင္းခ်ဳပ္ရရင္ ဒီလိုပါ။

MM Thinker

Read More...
AddThis Social Bookmark Button

Making Wordpress Blog  

မသိႏိုးနားနဲ႔ Wordpress မွာ တိုက္ရိုက္ ဘေလာ့ဂ္တစ္ခုလုပ္ျပီးမွ စပ္မိစပ္ရာမွာ ကိုသၾကၤန္ေက်းဇူးျပဳထားတဲ့ Wordpress လုပ္နည္းအရ အသစ္ထပ္လုပ္လိုက္တာ ေတာ္ေတာ္ေလးလန္ထြက္ေနတဲ့ ဘေလာ့ဂ္ေလးတစ္ခုရလိုက္ပါတယ္။

ကိုသၾကၤန္က http://freehostia.com နဲ႔ www.byethost.com ကို အၾကံေပးထားပါတယ္။ က်ေနာ္ကေတာ့ http://phpnet.us/ နဲ႔ အေကာင့္ဖြင့္မိရက္သားျဖစ္တာနဲ႔ ပီအိပ္ခ်္ပီနဲ႔ပဲ ဆက္လုပ္လိုက္ပါတယ္။

ဒီေနရာမွာ က်ေနာ္ေ၀မွ်ခ်င္တာက က်ေနာ္လို ေယာင္ေျခာက္ဆယ္ဟိုလုပ္ဒီလုပ္ အခ်ိန္မကုန္ရေအာင္ အေတြ႔အၾကံဳကို ေျပာခ်င္၊ အခက္အခဲေလးေတြေရွာင္လႊဲ(သို႔) ေျဖရွင္းေက်ာ္လႊားႏိုင္ဖို႔ အၾကံေပးခ်င္တာပါ။

ပံုမွန္အတိုင္းလုပ္ရမယ့္နည္းေတြကေတာ့ စပ္မိစပ္ရာမွာ ပီဒီအက္ဖ္ဖိုင္နဲ႔ ယူပါ။ လုပ္ပါ။

က်ေနာ္က http://phpnet.us/ နဲ႔ လုပ္ရာမွာ ေတြ႕ၾကံဳရတာေလးေတြလည္း ျဖည့္စြက္ေျပာခ်င္တာပါ။

ဘေလာ့ဂ္ဆရာ၊ မာစတာမ်ားက ကၾကီးကစျပီးေျပာေလ့မရွိပါဘူး။ အဲဒီအခါ က်ေနာ္တို႔လို မေန႔တေန႔ကမွ စလုပ္တဲ့သူေတြအတြက္ လိပ္ပတ္မလည္ျဖစ္တတ္လို႔ ကၾကီးကစေကာက္ျပီး က်ေနာ္ေျပာပရေစ။

Wordpress လုပ္ရာမွာ www.wordpress.com ကို ၀င္ျပီး တိုက္ရိုက္ ဘေလာ့ဂ္လုပ္တာရယ္၊ အစမွာ ေျပာခဲ့တဲ့ အခမဲ့အထိုင္ (Free Host) တစ္ခုခုကေန လုပ္တာရယ္ ႏွစ္မ်ိဳးရွိပါတယ္။

ျပင္ခ်င္တိုင္းျပင္လို႔ရေအာင္၊ စိတ္တိုင္းက် ျပင္လို႔ ကလိလို႔ရေအာင္ အခမဲ့အထိုင္ (Free Host) ကေန လုပ္ၾကရင္ ပိုေကာင္းပါတယ္။ က်ေနာ္ဆို ႏွစ္ခါေလာက္ေျပာင္းလိုက္ရတယ္။ ခက္တယ္၊ ရႈပ္တယ္ထင္ရေပမယ့္ က်ေနာ္ လင့္ခ္ထားတဲ့ IT & Blogging ကိုျဖစ္ျဖစ္ ဖိုရမ္ေတြကိုျဖစ္ျဖစ္ သြားေမးႏိုင္ပါတယ္။ ကိုမင္းေက်ာ္၊ ကိုသၾကၤန္၊ ညီလင္းဆက္၊ ေမွာ္ဆရာ စသူတို႔က ကူညီဖို႔ အသင့္ပါ။

က်ေနာ္ကေတာ့ http://phpnet.us/ နဲ႔ လုပ္ပါတယ္။

၁။ http://phpnet.us/ မွာ Sign Up

၂။ ျပီးရင္ e-mail မွာ သူတို႔ေပးလာမယ့္ Cpanel အမည္၊ လွ်ိဳ႕၀ွက္ကုဒ္နံပါတ္ေတြ သြားၾကည့္။

၃။ e-mail ထဲက Cpanel လင့္ခ္ကို ဖြင့္။

၄။ အေသးစိတ္ ဘယ္လိုလုပ္သလဲဆိုတာ ပံုနဲ႔တကြ ကိုသၾကၤန္ရဲ့ ဖိုင္အတိုင္းၾကည့္ပါ။

၅။ Database လုပ္ျပီးတဲ့ အခါ Database Name, MySQL Host Name ေတြ မွတ္ထားဖို႔ ကိုသၾကၤန္က ေျပာထားပါတယ္။ http://phpnet.us/ မွာ ျပႆနာက Database Name ပဲေတြ႔ျပီး MySQL Host Name မေတြ႔ရတာပါပဲ။ အဲဒီလို ျဖစ္ေနရင္ Database Name ရဲ့ ေအာက္နားက Admin ဆိုတာကို ႏိွပ္ပါ။ အေပၚဆံုးနားက Sever ဆိုတာေတြ႔ပါလိမ့္မယ္။ sql(ကိန္းဂဏန္း).(phpnet.us) ဆိုတာေလးပါ။ က်န္တာေတြ ကိုသၾကၤန္ေျပာသလို ဆက္ႏိုင္ပါျပီ။ အဲတာကို သြားျပီးမွတ္မထားရင္ ေရွ႕ဆက္လို႔မရပါ။

၆။ ေနာက္တစ္ခုေျပာခ်င္တာက Themes ေျပာင္းတဲ့ေနရာမွာပါ။ အီးေမးလ္လင့္ခ္ကဖြင့္လိုက္တဲ့ cpanel.phpnet.us ကို ျပန္သြား၊ File Manager ကိုဖြင့္၊ အဲဒီမွာ ကိုယူထားတဲ့အမည္ (ဥပမာ mmthinker.iblogger.org) ကို ေတြ႕မယ္။ ကလစ္လုပ္ပါ။ ျပီးရင္ ေပၚလာတဲ့ အထဲမွာ htdos ျပီးရင္ wp-content ျပီးရင္ Theme ။ ဒါမွမဟုတ္ Directory Tree မွာ ကြက္လပ္ေဘးနားက ပံုေလးကို ကလစ္ပါ။ ပထမဆံုး ကိုယ္ေရြးထားတဲ့ URL ကို Double ကလစ္ (ဥပမာ mmthinker.iblogger.org)၊ ခဏေလးေစာင့္၊ ျပီးရင္ htdos ကို Double ကလစ္၊ ခဏေစာင့္၊ ျပီးရင္ wp-content ကို Double ကလစ္၊ ျပီးရင္ Themes ကို Double ကလစ္လုပ္ပါ။ ျပီးရင္ အေပၚမွာ Choose ဆိုတာႏွိပ္လိုက္ပါ။

ေနာက္ဆံုး Upload ေပါ့။ သိျပီးသားသူေတြ အတြက္ ဘာမွမဆန္းေပမယ့္ အသစ္ထိေတြ႔သူေတြအဖို႔ ဆင္ၾကီး အျမီးက်မွတစ္ဆိုတာလို ျဖစ္တတ္လို႔ ျဖည့္ေျပာတာပါခင္ဗ်ာ။

၇။ http://www.wpthemesfree.com နဲ႔ http://topwpthemes.com မွာ တန္းပလိတ္ေတြေရြးဖို႔ ကိုသၾကၤန္က အၾကံေပးပါတယ္။ ၾကိဳက္တဲ့ဟာ ေဒါင္းလုဒ္လုပ္ယူျပီးရင္ zip ဖိုင္ကို သြားမျဖည္ပါနဲ႔။ တိုက္ရိုက္ Browse လုပ္ခ်လိုက္ပါ။ Wordpress ရဲ့ Presentation ထဲ ေရာက္လာပါလိမ့္မယ္။

၈။ ေနာက္တစ္ခု ေ၀မွ်ခ်င္တဲ့ အေတြ႕အၾကံဳက စီဗံုးပါ။ ျမန္မာဘေလာ္ဂါအမ်ားစုဟာ Blogspot မွာ ေမႊျပီးမွ Wordpress ကိုေရာက္လာၾကတာပါ။ (ျမန္မာျပည္မွာ ဘေလာ့ဂ္စေပါ့ကို ပိတ္လိုက္လို႔ေလ)။ က်ေနာ္ကေတာ့ ဘေလာ့ဂ္စေပါ့က စီဗံုးကုဒ္ေတြယူလာ၊ Wordpress ရဲ့ Presentation à Widgets ကိုသြား၊ အပိုယူလို႔ရတဲ့ Text မွာ ထည့္။ အရင္ စီဗံုးအေဟာင္းက အတိုင္း ရသြားပါတယ္။ ဆိုက္ကေလးပဲ ေဘာင္၀င္ေအာင္ နည္းနည္းျပင္လိုက္ရပါတယ္။

၉။ Hit Counter ကိုလည္း ထိုနည္းအတိုင္းပါ။ http://www.ultimate-counter.com/ မွာ အသစ္ယူျပီးျဖစ္ျဖစ္ထည့္ပါ။

၁၀။ ႏိုင္ငံအလိုက္လာလည္သူအေရအတြက္ကို ၾကည့္ႏိုင္တဲ့ NeoCounter လည္း အေဟာင္းကို ဒီနည္းနဲ႔ပဲ ကူးထည့္ႏိုင္ပါတယ္။

၁၁။ Wordpress မွာ Read More အတြက္ သတ္သတ္လုပ္စရာ မလိုဘူးဗ်ိဳ႕။ Split post with more tag (Alt+t) ဆိုျပီးပါျပီးသား။ ျဖတ္ခ်င္တဲ့ေနရာ ကာဆာခ်ျပီး အဲဒါကို ကလစ္လိုက္၊ ရေရာ။

၁၂။ Wordpress မွာ တိုက္ရိုက္လုပ္တံုးက ေဖာင့္အေရာင္ေျပာင္းလို႔ရေပမယ့္ Free Host ကေနလုပ္ေတာ့ မရျပန္ဘူး။ (တျခားသူေတြေတာ့ မသိဘူး။) ျပႆနာမရွိဘူး။ Microsoft Word ထဲမွာ စိတ္ၾကိဳက္ကစားျပီး ျပန္ကူးထည့္၊ အိုေကတယ္။ စာပိုဒ္ကို Justify လုပ္ဖို႔၊ ေဇာ္ဂ်ီနဲ႔ ေသခ်ာေပါက္ေကာင္းေကာင္းေပၚဖို႔၊ Microsoft Word ထဲမွာခ် ကစားျပီး ေျပာင္းထည့္နည္းနဲ႔ပဲ က်ေနာ္လုပ္ပါတယ္။

အခု ထပ္ထည့္ေျပာတာေလးေတြက ကိုသၾကၤန္ေျပာတဲ့ အတိုင္းကို http://phpnet.us/ မွာ လုပ္သြားတဲ့ အေၾကာင္းပါ။ စလုပ္သူေတြအတြက္ နည္းနည္းႏွမ္းျဖဴးလိုက္တာေပါ့။

အားလံုး အိုေကၾကေစေသာ္၀္

သင္ကာ (Thinker)

Read More...
AddThis Social Bookmark Button

wordpress  

Contributor: mtj

wordpress install လုပ္နည္းကို သိသမွ် တင္ျပထားပါတယ္။


how to install wordpress.pdf

Read More...
AddThis Social Bookmark Button

Myanmar-Neo Template  

Contributor: ေမွာ္ဆရာ

Neo ဆိုတာဘာလဲ

အလြယ္ကူဆံုး ေျပာရရင္ေတာ့ ဘေလာ့ဂၢါရဲ့ မူရင္း Template ကို Java Script(AJAX Technology) နဲ႔ အဆင့္ျမွင့္ထားတဲ့ ၊ အသံုးျပဳရ အလြန္လြယ္ကူလွၿပီး ၊ Web Page တစ္ခုႏွင့္ တစ္ခုအကူးတြင္ Page Loading လံုး၀ေစာင့္ဆိုင္းစရာ မလုိတဲ့ အရမ္းသြက္လက္ ေပါ့ပါးတဲ့ Template တစ္ခုပါပဲ။ သူ႔အေၾကာင္း အျပည့္ အစံုသိခ်င္ရင္ေတာ့ ဒီမွာ ဖတ္ရႈႏိုင္ပါတယ္။


Neo အသံုးျပဳရင္မိမိဘေလာ့ဂ္မွာ ဘာေတြထူးျခားလာမလဲ

ဒီေနရာ မွာ သင့္ဘေလာ့ဂ္ လိပ္စာ ရိုက္ထည့္ၿပီး နီယို အသံုးျပဳျခင္းအားျဖင့္ ဘာေတြထူးျခားသြားသလဲ ဆိုတာ ေလ့လာႏိုင္ပါတယ္။


ဘယ္လိုအသံုးျပဳမလဲ

အသံုးျပဳရတာ အရမ္းကို လြယ္ကူရွင္းလင္းပါတယ္။ ေအာက္ပါအဆင့္မ်ားအတိုင္း အတိအက် လုပ္ေဆာင္ပါ။

အဆင့္(၁) ။ ။ လက္ရွိ မိမိသံုးေနတဲ့ Template ကို "Backup" လုပ္ထားပါ။(Blog Setting ထဲက၊ Template ဆိုတဲ့ Tab ကိုသြားပါ ၊ Edit Html ကို ေရြးပါ၊ ၎ စာမ်က္ႏွာမွာ (Before editing your template, you may want to save a copy of it.) ဆိုတဲ့ စာေၾကာင္း ေနာက္က "Download Full Template" ကို " ကလစ္" လုပ္ျခင္းအားျဖင့္ လက္ရွိ Template ကို Backup လုပ္ၿပီးသားျဖစ္သြားပါၿပီ။ ရည္ရြယ္ခ်က္ကေတာ့ အကယ္၍ Neo ကို Install လုပ္ေနရင္းနဲ႔ အမွားတစ္ခုခုပါသြားခဲ့ရင္ ယခင္ Template ကိုအလြယ္တစ္ကူ ျပန္သံုးလို႔ ရေစရန္ ျဖစ္ပါတယ္။


အဆင့္(၂)။ ။၎ Edit Html စာမ်က္ႏွာရဲ့ Coding Box ထဲမွာ <body> ဆိုတဲ့ ကုဒ္ကို ေတြ႔ေအာင္ရွာပါ။ Ctrl+F ကိုႏွိပ္ၿပီး Search Box ေပၚလာတာနဲ႔ ၎ ကုဒ္ကို Search Box ထဲမွာ ရိုက္ထည့္ၿပီးအလြယ္တစ္ကူ ရွာနိဳင္ပါတယ္။ <body> ကုဒ္ကို ေတြ႔ပါက ၎၏ ေနာက္ရွိ စာေၾကာင္းမ်ားထဲမွ<b:widget> ျဖင့္အစျပဳေသာ စာေၾကာင္းမွန္သမွ်ကို ေကာ္ပီလုပ္ၿပီး Note Pad သို႔ ၊ Word Pad တစ္ခုခုတြင္သိမ္းထားပါ။

မွတ္ခ်က္။<b;widget><widget id=Blog1.....>ဆိုေသာစာေၾကာင္းကို ကူးစရာမလိုပါ။


အဆင့္(၃)။အထက္ပါအဆင့္မ်ားအားလံုးၿပီးဆံုးပါက ဒီေနရာ မွာ Right Click ေထာက္ၿပီး ၊ Save Target As..ေရြးျခင္းျဖင့္ Neo.js ကို ေဒါင္းလုဒ္ လုပ္ပါ။ ရလ်င္ ၎ဖိုင္ကို Note pad သို႔ Word Pad ျဖင့္ဖြင့္ၿပီး </b:widget> </b:section> ဆိုေသာ ကုဒ္ ႏွစ္ခုကို ရွာပါ။ ေတြ႔လ်င္ အဆင့္(၂) တြင္ သိမ္းထားခဲ့ေသာ Widget Coding စာေၾကာင္းမ်ားကို ေကာ္ပီကူးၿပီး အထက္ပါ ကုဒ္ႏွစ္ခုၾကား တြင္ထည့္ပါ။ ဖိုင္ကို Save လုပ္ပါ။


Widget မ်ားကိုထည့္ရမယ့္ ပံုစံကေတာ့ ေအာက္ပါပံုစံအတိုင္းျဖစ္ပါတယ္။



<div id='newsidebar-wrapper'>
<b:section class='sidebar' id='newsidebar' preferred='yes'>
<b:widget id='Posts' locked='false' title='Posts' type='HTML'>
<b:includable id='main'>
<div id='LabelDisplay'>
<div id='LabelTitle'>
</div>
<div class='widget-content' id='LabelPosts'>
<script language='javascript'>fetchLatestPosts('<data:blog.homepageUrl/>', '');</script>
</div>
</div>
</b:includable>
</b:widget>
ဒီေနရာမွာ သင့္ရဲ့ Widget မ်ားအားလံုးထည့္ပါ....
</b:section>
</div>



အဆင့္(၄)။ ။Edit Html စာမ်က္ႏွာမွာပဲ Browse မွတစ္ဆင့္ အဆင့္(၃) တြင္ သိမ္းထားခဲ့ေသာ ဖိုင္ ရွိတဲ့ေနရာကို ညြန္ျပပါ။ Upload လုပ္ပါ။ ”Template Save Successfully ” ဆိုရင္အားလံုးေအာင္ျမင္စြာၿပီးဆံုး ပါၿပီ။ဒီလိုမဟုတ္ပဲ ေအာက္က ပုံအတိုင္း Error တက္လာခဲ့ရင္ေတာ့ ျပန္စစ္ဖို႔လိုပါမယ္။

အကယ္၍ အထက္ပါ သတိေပးခ်က္ရလာခဲ့ရင္ Comfirm & Save ဆိုတာကို ကလစ္မလုပ္ပါနဲ႔။ လုပ္ခဲ့လို႔ရွိရင္ သင့္ရဲ့ က်န္ေနေသးတဲ့ Widget Data ေတြအားလံုးဆံုးရႈံးသြားပါလိမ့္မယ္။ Cancel ကိုေရြးပါ။ Expand Widget Templates မွ Tick ကိုျဖဳတ္ျခင္းျဖင့္ မူလ Template ကိုျပန္သြားပါ။ က်န္ခဲ့ေသာ Widget မ်ားအားလံုးကို ျပန္ကူးပါ။အထက္ပါ သတိေပးခ်က္တြင္ Label1 , Html1 စသျဖင့္ဥပမာ ျပထားပါသည္။ မိမိရရွိေသာ သတိေပးခ်က္မွ Widget ေခါင္းစဥ္မ်ားကို သာကူးၿပီး အဆင့္(၂)တြင္ထပ္မံေပါင္းထည့္ ရန္သာျဖစ္ပါတယ္။ ဖိုင္ကိုထပ္မံသိမ္းဆည္းၿပီး Upload လုပ္ေပးပါ။


အဆင့္(၄)။ ။ အထက္ပါအဆင့္မ်ား ေအာင္ျမင္စြာၿပီးဆံုးပါက Add Page Element ကိုသြားပါ။ ေအာက္ပါပံုစံအတိုင္း ၃-ေကာ္လံျဖင့္ျမင္ေတြ႔ရပါမယ္။



၎တြင္ Labels(စာညႊန္းမ်ား)ႏွင့္ Posts (ေရးသားၿပီးေခါင္းစဥ္မ်ား) Element ေခါင္းစဥ္ေတြကေတာ့ Neo ရဲ့ မူရင္း Page Element မ်ားျဖစ္ၿပီး ျပဳျပင္၊ဖ်က္သိမ္းျခင္းလုပ္လို႔ ရမွာမဟုတ္ပါဘူး။ အကယ္၍လုပ္ခဲ့ မယ္ဆိုရင္ Neo ရဲ့အဓိက လုပ္ေဆာင္ခ်က္တစ္ခုလံုးပ်က္စီးသြားမွာျဖစ္ပါတယ္။ က်န္တဲ့ Page Element ေတြကေတာ့ မိမိဘေလာ့ဂ္ မွာရွိတဲ့ Element ေတြျဖစ္တဲ့ အတြက္ မိမိစိတ္ႀကိဳက္ ၿပဳျပင္ဖ်က္သိမ္း လုပ္နိဳင္မွာျဖစ္ပါတယ္။

ဒါကေတာ့ ပံုမွန္ Neo Template တစ္ခုကို ဘယ္လုိ Install လုပ္ရမယ္ဆိုတာကိုရွင္းျပခဲ့တာျဖစ္ပါတယ္။

မူရင္းနီယို Template ကိုအသံုးျပဳခ်င္သူမ်ားအတြက္ ဒီေနရာ မွာႀကိဳက္ႏွစ္သက္ရာ ဒီဇိုင္းကိုေရြးခ်ယ္ၿပီး စိတ္ႀကိဳက္ အသံုးျပဳနိဳင္ၾကပါေၾကာင္း။



ျမန္မာ ဘေလာ့ဂၢါမ်ားအတြက္ Neo Template အသစ္


မူရင္း ဒီေနရာက ျဖစ္ၿပီး ၊ လုိအပ္တဲ့ Script Coding တစ္ခ်ိဳ႔ကို ျပဳျပင္ေရးသားထားတဲ့ ”ျမန္မာနီယိုဘေလာ့ဂၢါ တမ္းပလိတ္” အား ဒီေနရာမွာ အခမဲ့ေဒါင္းလုဒ္ဆြဲခ်ႏိုင္ပါတယ္။ Install လုပ္ပံု ၊ လုပ္နည္းကေတာ့ အေပၚမွာ ရွင္းျပထားတဲ့အတိုင္းပါပဲ။

ျမန္မာနီယိုဘေလာ့ဂ္ဂါ တမ္းပလိတ္ ကိုအသံုးျပဳထားတဲ့ ”စမ္းသပ္ဘေလာ့ဂ္” အား ဒီေနရာ မွာ ၾကည့္ရႈႏိုင္ပါတယ္။

ဒီ Template ကိုအသံုးျပဳမယ္ဆိုရင္ အဓိကျပဳျပင္စရာတစ္ခုကေတာ့ မိမိရဲ့ Eot ေဖာင့္ထ္လိပ္စာကို ျပန္လည္ အစားသြင္းေပးရန္ပါပဲ။ ေအာက္မွာေဖာ္ျပထားတဲ့အတိုင္းျဖစ္ပါတယ္။

/* Use this with templates/template-twocol.html */

.Navbar{display:none;visibility:hidden}
body {
background:#fff;
margin:0;
text-align:center;
line-height: 1.5em;
font-family:x-small 'ZawGyi-One', ZawgyiOne, Zawgyi1, Trebuchet MS, Verdana, Arial, Sans-serif;

color:$mainTextColor;
font-size/* */:/**/small;
font-size: 13px /**/small;
}

@font-face {
font-family: Zawgyi-One;
font-style: normal;
font-weight: normal;
src: url(http://ဒီေနရာမွာ သင့္ရဲ့ Eot ေဖာင့္ထ္ လိပ္စာထည့္ရပါမယ္။);
}



Eot ေဖာင့္ထ္ ဆိုတာ ဘာလဲ ၊ ဘယ္လိုလုပ္ရမလဲဆိုတာေတြကိုေတာ့ ဒီေနရာ မွာရွင္းျပထားတာရွိပါတယ္။

Read More...
AddThis Social Bookmark Button

Crazy Mac Dock Menu Hack For Your Blog  

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 မ်ားကို အလြယ္တစ္ကူ အသံုးျပဳႏိုင္ရန္ Short Cut Icons (My Computer,My Document. အစရွိသည္) မ်ားကို Mac OS ရဲ့ လွပေသသပ္တဲ့ GUI စနစ္မွာ Menu Bar(Iconbar) တစ္ခုအျဖစ္ ေပ်ာ့ေပ်ာင္းစြာ ေပါင္းစည္းထားတဲ့ Mac OS ရဲ့ Desktop Iconbar တစ္ခုပါပဲ။

Mac Dock Menu တစ္ခုကို ဘေလာ့ဂ္မွာ ဘယ္လို အသံုးၿပဳထားသလဲဆိုတာ [ဒီေနရာ] မွာ သြားေရာက္ေလ့လာ ၾကည့္ရႈႏိုင္ပါခင္ဗ်ာ။

ကဲ. ေျပာေနၾကာပါတယ္ဗ်ာ။ လက္ေတြ႔အေနနဲ႔ အခု ေစ်းႀကီးလွတဲ့ Mac ကို ခင္ဗ်ား၀ယ္သံုးစရာ မလိုပါဘူး။ ခပ္မိုက္မိုက္ Mac Dock ေလးတစ္ခု ခင္ဗ်ား ဘေလာ့ဂ္ထဲကို ေရာက္ရွိလာဖို႔ ဒီပို႔စ္ေလးကို ဖတ္လိုက္ဖို႔ပဲ လိုပါတယ္။

စမယ္ဗ်ိဳ႔။ ပထမဆံုးလုပ္ရမွာက ဒီေအာက္က CSS ကုဒ္ေတြကို ]]></b:skin> မတိုင္ခင္ Footer CSS ကုဒ္ရဲ့ ေအာက္မွာ ဆက္ထည့္ေပးပါ။ ဒီ CSS ကုဒ္ေတြက Mac Dock Menu ကို ဘေလာ့ဂ္ ေအာက္ေျခမွာ ေပၚေစမွာျဖစ္ၿပီး အေပၚမွာ ထားလိုသူေတြ အတြက္ကေတာ့ ေအာက္မွာ ဆက္ျပထားတဲ့ ကုဒ္ေတြကိုအသံုးျပဳေပးရပါမယ္။

အဆင့္(၁)

CSS Codes For Mac Dock Menu - For Those Who Want to Use at The Bottom

/* dock2 - bottom */

#dock2 {
width: 100%;
bottom: 0px;
position: absolute;
left: 0px;
}
.dock-container2 {
position: absolute;
height: 50px;
background: #FFFFFF;
padding-left: 20px;
}
a.dock-item2 {
display: block;
font: bold 12px "Zawgyi-One",Arial, Helvetica, sans-serif;
width: 40px;
color: #000;
bottom: 0px;
position: absolute;
text-align: center;
text-decoration: none;
}
.dock-item2 span {
display: none;
padding-left: 20px;
}
.dock-item2 img {
border: none;
margin: 5px 10px 0px;
width: 100%;
}



CSS Codes For Mac Dock Menu - For Those Who Want to Use at The Top

/* dock - top */

.dock {
position: relative;
height: 50px;
text-align: center;
}
.dock-container {
position: absolute;
height: 50px;
background: #FFFFFF;
padding-left: 20px;
}
a.dock-item {
display: block;
width: 40px;
color: #000;
position: absolute;
top: 0px;
text-align: center;
text-decoration: none;
font: bold 12px "Zawgyi-One",Arial, Helvetica, sans-serif;
}
.dock-item img {
border: none;
margin: 5px 10px 0px;
width: 100%;
}
.dock-item span {
display: none;
padding-left: 20px;
}


အဆင့္(၂)

ဒီအဆင့္ၿပီးၿပီဆိုတာနဲ႔ ေအာက္က Java Script ကုဒ္ေတြကို ]]></b:skin> ႏွင့္ </head> ၾကားမွာ ထည့္ေပးပါ။ ထံုးစံအတိုင္း Top အတြက္ နဲ႔ Bottom အတြက္ ကုဒ္ (၂) မ်ိဳးခြဲေပးထားပါတယ္။

Java Script For Mac Dock Menu - For Those Who Want to Use at The Bottom

<script type="text/javascript" src="http://myanmarne0.googlepages.com/jquery.js"></script>
<script type="text/javascript" src="http://myanmarne0.googlepages.com/interface.js"></script>

<!--[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',
container: '.dock-container2',
itemWidth: 40,
proximity: 80,
alignment : 'left',
valign: 'bottom',
halign : 'center'
}
)
}
);
</script>



Java Script For Mac Dock Menu - For Those Who Want to Use at The Top

<script type="text/javascript" src="http://myanmarne0.googlepages.com/jquery.js"></script>
<script type="text/javascript" src="http://myanmarne0.googlepages.com/interface.js"></script>

<!--[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,
halign : 'center'
}
)
}
);
</script>


exclaim ဒီအဆင့္မွာ သံုးထားတဲ့ .js ႏွင့္ 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)

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

<!--top dock -->

<div class="dock" id="dock">
<div class="dock-container">

<a class="dock-item2" href="#"><span>Home</span><img src="http://myanmarne0.googlepages.com/home.png" alt="home" /></a>
<a class="dock-item2" href="#"><span>Contact</span><img src="http://myanmarne0.googlepages.com/email.png" alt="contact" /></a>
<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>


exclaim ဒီအဆင့္မွာ မွတ္သားစရာ (၂) ခုရွိပါတယ္။

(က) သံုးထားတဲ့ ပံုအားလံုးဟာ ကၽြန္ေတာ့္ရဲ့ Google Pages စာမ်က္ႏွာမွာ တင္ထားတာျဖစ္တဲ့ အတြက္အကယ္၍ ဒီ Hack ကိုအသံုးျပဳသူမ်ားလာခဲ့ရင္ ပံုေတြရဲ့ Bandwidth ကုန္တဲ့အခ်ိန္ မိမိစာမ်က္ႏွာမွာ ပံုမေပၚတာေတြ၊ ပံုမွန္အလုပ္မလုပ္တာေတြ ျဖစ္ႏိုင္ပါတယ္။ အဲဒီအတြက္ အေကာင္းဆံုးကေတာ့ ပံုအားလံုးကို ေဒါင္းလုဒ္လုပ္ၿပီး မိမိကိုယ္ပိုင္ Google Pages မွာျဖစ္ျဖစ္၊ အျခား Image Hosting မ်ားမွာျဖစ္ေစျပန္တင္ၿပီး အသံုးျပဳသင့္ပါတယ္။

(ခ) မိမိကိုယ္ပိုင္ အျခား Icon Design မ်ားေျပာင္းလဲ အသံုးျပဳလိုတယ္ဆိုရင္ေတာ့ ေအာက္ပါဆိုဒ္ေတြမွာ သြားေရာက္ရွာေဖြ ေဒါင္းလုဒ္ လုပ္ၿပီး အစားထိုးအသံုးျပဳႏိုင္ပါတယ္။

http://www.crystalxp.net/galerie/en.cat.1.html
http://www.vistaicons.com/
http://www.iconarchive.com/
http://interfacelift.com/icons-mac/faq.php

(ဂ)ေနာက္တစ္ခုကေတာ့[href="#"] ဆိုတဲ့ ကုဒ္ရဲ့ [#] ေနရာမွာ မိမိထည့္လိုတဲ့ လင့္ခ္ တစ္ခုစီထည့္ေပးရပါမယ္။ Home,Contact အစရွိတာေတြကို မိမိစိတ္ႀကိဳက္ အမည္ေပး၊ ေရွ႔ေနာက္ ေနရာေျပာင္းေရြ႔လို႔ရပါတယ္။

အားလံုးပဲ အဆင္ေျပၾကလိမ့္မယ္လို႔ ထင္ပါတယ္။ အဆင္မေျပမႈတစ္ခုခုရွိခဲ့ရင္ ဒါမမဟုတ္ ပိုမိုေကာင္းမြန္တဲ့ အႀကံအစည္ေလးမ်ား ရွိခဲ့ရင္လည္း မွတ္ခ်က္မွာ လြတ္လြတ္လပ္လပ္ ၀င္ေရာက္ေဆြးေႏြး၊ အႀကံေပး ေရးသားႏိုင္ပါေၾကာင္း။

Sources: SmashingMagazine

Technorati Tags: | | | | | | | | | | | | |

Read More...
AddThis Social Bookmark Button