Showing posts with label Blog. Show all posts
Showing posts with label Blog. Show all posts

အလြယ္ကူဆုံး Add Elemic Light-Dark SkyBlue Menu ( မိုးျပာေရာင္ )

မဂၤလာပါ  ဘေလာ့ခ်စ္ေသာပရိတ္သတ္အေပါင္းတို႕... သည္ေန႕ ေရးျဖစ္တဲ့ အေၾကာင္းရာေလးကေတာ့
ဘေလာ့တစ္ခုမွာ မရွိမျဖစ္ လိုအပ္ခ်က္ျဖစ္တဲ့  ေခါင္းစဥ္လို႕ ေခၚတဲ့ Menu ေလးေတြ ဖန္တီးနည္းပါ။
သည္နည္းေလးကို အလြယ္ဆုံးနဲ႕ မရွင္းဆုံး ျဖစ္ေအာင္ ေရးသား တင္ျပေပးထားပါတယ္... သူကေတာ့
Animated ပုံစံေလးနဲ႕ တမ်ိဳးေတာ့ လွပါတယ္... စိတ္၀င္စားမယ္ဆို ေအာက္မွာ လုပ္နည္းနဲ႕  လိုအပ္ေသာ
ကုဒ္ေတြကို ညႊန္ျပ ရွင္းလင္းထားပါတယ္... အရမ္းလြယ္ကူပါတယ္...
နည္းလမ္းကေတာ့
   ►1.  Login လုပ္လုိက္ပါ ဘေလာ့ကာကို
   ►2.  Layout ကိုကလစ္ရပါ့မယ္ မိမိတို႕  Dashboard ကေနေပါ့
   ►3.  Add a Gadget ကိုကလစ္ေပးလုိက္ပါ
   ►4.  HTML/Javascript. ကိုကလစ္ျပီး က်လာတဲ့ ေဘာက္ေလးထဲမွာဘဲ
   ►5.  ေအာက္ကေပးထားတဲ့ ကုဒ္ေတြကို ေကာ္ပီယူ ထည့္လိုက္ပါ
ေနာက္ က်လာေသာ ေဘာက္ထဲကေန ေအာက္ကပုံတိုင္းေရြးလိုက္ပါ
အိုေက ဒါဆို ေအာက္မွာ ေပးထားေသာ ဇယားထဲကကုဒ္ေတြ ကိုယူထည့္ေပးလုိက္ပါ..

                   

မွတ္ ခ်က္  ။               ။ ေခါင္းစဥ္ေတြမွာ  မိမိတို႕ တပ္လိုေသာ ေခါင္းစဥ္အမည္နဲ႕..လင့္ခ်ိတ္ဖို႕ ဆိုတာ
                                 ရွိပါတယ္...    နမူနာအေနနဲ႕  တစ္ခုျပပါ့မယ္....
<li><a href="#">Home</a></li>  သည္လင့္မွာ ဆို Home ဆိုတာမွာ  ( မူလစာမ်က္ႏွာ) စသျဖင့္
ေျပာင္းလဲနိဳင္ပါတယ္.. လင့္ကိုေတာ့ မူရင္း မိမိဘေလာ့ရဲ႕ လိပ္စာ ကို # ေနရာေလးမွာ အစားထိုးေပးရပါမယ္... တျခားေခါင္းစဥ္မ်ားကိုေတာ့ သက္ဆိုင္ရာ ေခါင္းစဥ္ရဲ႕ လင့္နဲ႕ လင့္ခ်ိတ္ ေပးသြားရမွာ ျဖစ္ပါတယ္ေနာ္....... အဆင္ေျပပါေစ...
လင့္ခ်ိတ္နည္းမသိပါက    သည္ေနရာမွာ      ေလ့လာနိဳင္ပါတယ္။
ခုလိုအားေပးတဲ့အတြက္ အထူးေက်းဇဴးတင္ပါေၾကာင္း ေျပာၾကားပါရေစ..ဘေလာ့ခရီးသည္မွ နည္းပညာမ်ားအား မည္သူမဆို လြတ္လပ္စြာ ကူးယူသုံးစြဲနိဳင္ပါတယ္.. ကြ်န္ေတာ္ ပိုင္ဆိုင္ေသာေနရာေလးမ်ားအား ဆက္လက္ လည္ပါတ္လိုပါက ***************************************

ဘေလာ့ခရီးသည္သို႕ { ဒီမွာ } သြားလိုက္ပါ

လယ္တီေျမသားသို႕{ ဒီမွာ } သြားလိုက္ပါ

စာေပနန္းေတာ္သို႕{ ဒီမွာ } သြားလိုက္ပါ

ဘေလာ့မွာ Slider တစ္ခုျပဳလုပ္ျခင္း (၁)

 မဂၤလာပါဗ်ာ.... အားလုံးကို နည္းပညာေလးတစ္ခု လက္ဆင့္ ကမ္းျခင္ပါတယ္.. ဒါေလးကေတာ့.. မိမိတို႕
ဘေလာ့မွာ ကိုယ္ညႊန္ျပျခင္ေသာ ေနရာေလးေတြ ပို႕စ္ေလးေတြအား   Slider ေလးနဲ႕ ခပ္လန္းလန္းေလး
လမ္းညႊန္ျပသေပးတဲ့နည္းလမ္းေလးဘဲ ျဖစ္ပါတယ္... သည္လို နည္းလမ္းေလးေတြကို က်ေနာ္ ပုံစံအမ်ိဳးမ်ိဳးနဲ႕ ေရးသား တင္ျပသြားပါ့မယ္... ဒါေလးကေတာ့ အေပၚျပထားတဲ့ ပုံစံ နမူနာေလးအတိုင္းေပါ့
ေအာက္မွာ ထည့္နည္းနဲ႕ လိုအပ္ေသာကုဒ္ေတြ ေပးလိုက္ပါတယ္ေနာ္....
သူကေတာ့ ေအာ္တို စလုိက္ေလးသြားေနမယ္ေနာ္....လန္းးးးတယ္..ေိေိ

   ►1.  Login လုပ္လုိက္ပါ ဘေလာ့ကာကို
   ►2.  Layout ကိုကလစ္ရပါ့မယ္ မိမိတို႕  Dashboard ကေနေပါ့
   ►3.  Add a Gadget ကိုကလစ္ေပးလုိက္ပါ
   ►4.  HTML/Javascript. ကိုကလစ္ျပီး က်လာတဲ့ ေဘာက္ေလးထဲမွာဘဲ
   ►5.  ေအာက္ကေပးထားတဲ့ ကုဒ္ေတြကို ေကာ္ပီယူ ထည့္လိုက္ပါ



 အဲမွာဘဲ ေအာက္က ေပးထားတဲ့ ကုဒ္ေတြကို ထည့္ေပးလိုက္ပါေနာ္.....



မွတ္ခ်က္           ။                          ။  ကုဒ္ေတြကို ျပဳျပင္ရန္  ေသျခာ ၾကည့္ေပးပါေနာ္....

(၁) ကုဒ္ေတြကို ေကာ္ပီယူျပီးတာနဲ႕ ထည့္လုိက္ပါ  ကုဒ္ေတြ ထဲမွာ မိမိတို႕ ပုံေတြ ေခါင္းစဥ္ေတြ လင့္ေတြ
     အစားထိုးေပးရမွာ ေတြ ရွိပါေသးတယ္....

(၂)   ပုံလင့္သည္မွာ ထည့္ပါ   ဆိုတဲ့ေနရာမွာ မိမိတို႕ ေဖၚျပလိုေသာပုံ ရဲ႕ လင့္ကို ထည့္ပါ။
(၃)   လင့္ထည့္ေပး၇န္    ဆိုတဲ့ေနရာမွာ ကလစ္တာနဲ႕ ေရာက္သြားမည့္ ေနရာ လင့္ကိုပါ။
(၄)   ေခါင္းစဥ္အမည္   ဆိုတာမွာ ကိုညႊန္ျပတဲ့ လင့္ရဲ႕ title အမည္ေပါ့....။
(၅)  slider 1 စာသားေရးရန္    ဆိုတာကေတာ့ ေခါင္းစဥ္ / ပုံ နဲ႕သက္ဆိုင္ေသာ စာသားအနည္းငယ္ေပါ့။
      slider  2.3.4.5. အားလုံးထို႕နည္းတူပါဘဲေနာ္....

ဆက္ေလ့လာလိုပါက .

ဘေလာ့မွာ Slider တစ္ခုျပဳလုပ္ျခင္း (၂)
ဘေလာ့မွာ Slider တစ္ခုျပဳလုပ္ျခင္း (၃)
ဘေလာ့မွာ Slider တစ္ခုျပဳလုပ္ျခင္း (၄)
ဘေလာ့မွာ Slider တစ္ခုျပဳလုပ္ျခင္း (၅)
ဘေလာ့မွာ Slider တစ္ခုျပဳလုပ္ျခင္း (၆)

 အဆင္ေျပၾကပါေစ... မေျပတာ မရွင္းတာ ရွိပါက ခ်က္ေဘာက္မွာ ေအာ္ခဲ့ၾကပါေနာ္...

ခုလိုအားေပးတဲ့အတြက္ အထူးေက်းဇဴးတင္ပါေၾကာင္း ေျပာၾကားပါရေစ..ဘေလာ့ခရီးသည္မွ နည္းပညာမ်ားအား မည္သူမဆို လြတ္လပ္စြာ ကူးယူသုံးစြဲနိဳင္ပါတယ္.. ကြ်န္ေတာ္ ပိုင္ဆိုင္ေသာေနရာေလးမ်ားအား ဆက္လက္ လည္ပါတ္လိုပါက ***************************************
ဘေလာ့ခရီးသည္သို႕ { ဒီမွာ } သြားလိုက္ပါ

လယ္တီေျမသားသို႕{ ဒီမွာ } သြားလိုက္ပါ

စာေပနန္းေတာ္သို႕{ ဒီမွာ } သြားလိုက္ပါ

ဘေလာ့မွာ You Might Also Like ပုံေလးေတြ ထည့္နည္း



 သည္နည္းေလးကေတာ့ ပထမတစ္ခါ တင္ထားဘူးပါတယ္.. သိပ္မရွင္းလို႕ ထပ္ျပီး တင္ျပလုိက္ရတာပါ..
မိမိတို႕ ပို႕ေအာက္က ပုံေလးေတြနဲ႕ ျပထားတဲ့ You Might Also Like This ဆိုတာေလးထည့္နည္းပါ....
ပထမဆုံး   သည္ေနရာ   ကိုသြားလုပ္ရပါ့မယ္.. ပုံေလးေတြ အတိုင္းၾကည့္လုပ္လုိက္ပါ...

 အဆင့္ (၁) 

အဆင့္တစ္မွာ သင့္ရဲ႕ အီးေမးထည့္ရမယ္... ဘေလာ့လိပ္စာထည့္ရမယ္... ကိုယ္ထားမေလာက္ ပုံအေရအတြက္ ေရြးေပးရမယ္...ျပီးတာနဲ႕  Get Widget အထက္က ေလးေထာင့္ကြက္မွာ အမွန္ျခစ္ျပီး  Get Widget  ကိုကလစ္လိုက္ပါ...
အဆင့္  (၂)  ပုံဘက္ကိုၾကည့္လိုက္ပါ...



အဆင့္(၂) လို႕ေရးထားတဲ့ ပုံဘက္ကိုဘဲ ၾကည့္လိုက္ပါ...

အေပၚနားက Install Widget ဆိုတာကိုကလစ္ေပးလိုက္ပါ။


Select a blog  မွာ မိမိဘေလာ့ကိုေရြးေပးပါ...ေအာက္က Add Widget ကိုကလစ္လို္ကပါ။

ဒါဆို ဘေလာ့ေပၚ အသင့္ေရာက္ေနပါျပီ ဆက္ၾကည့္လိုက္ေနာ္..


  သင့္ဘေလာ့ ဆိုဒ္ဘားမွာေရာက္ေနပါျပီၤ  အဲေကာင္ေလးကို  ေမာက္နဲ႕ မယူလာျပီး Post ေအာက္တည့္တည့္မွာ ေရႊ႕ေပးလုိက္ပါဗ်ာ.. save လို္ကပါေတာ့  အိုေကပါျပီ..
ေအာင္ေအာင္(မကစ)ရဲ႕ ဘေလာ့ခရီးသည္ေလးအား အားေပးေနၾကတဲ့အတြက္ ေက်းဇဴးအထူးတင္ပါတယ္..
 
တုန္႕ျပန္မွဳအေနနဲ႕ fb like ေလးေတာ့ လုပ္ေပးခဲ့ၾကပါေနာ္..
 
တတ္စြမ္းသမွ် ေတြ႕ ရွိသမွ်ေလးေတြကို ျပန္လည္ မွ်ေ၀ေနပါ့မယ္...။
 
အဆင္မေျပတာမ်ားရွိခဲ့ပါက...


တို႕ရဲ႕ cbox မွာ ေျပာခဲ့ၾကပါေနာ္...

Blog လုပ္နည္း အျပည္႔အစံု


မိမိမွာ Gmail Account တစ္ခုရွိျပီး၊ ျမန္မာလုိစာစီႏုိင္ရန္အတြက္ ZawGyi Font ကိုလည္း Install ျပီးခဲ့ျပီဆုိရင္ Blog တစ္ခုကို စတင္ဖန္တီး နုိင္ၾကပါျပီ။ Blog တစ္ခုတည္ေဆာက္ဖုိ႔ရန္ လုပ္ေဆာင္ရမည့္ အဆင့္မ်ားကို ေဖာ္ျပပါ ေခါင္းစဥ္မ်ားျဖင့္ ေဖာ္ျပသြားပါမယ္။ 


Step 1) Sign in to blogger 

Step 2) Display name (or) Author name 

Step 3) Name your blog 

Step 4) Choose your template 

Step 5) Publish your first pest 


မွတ္ခ်က္။ ။ ထုိအဆင့္မ်ားျပီးဆံုးလွ်င္ ဘေလာ့တစ္ခုကို ရရွိျပီ ျဖစ္ပါသည္။ 


Step1) Sign to Blogger 

မိမိ Gmail Account တစ္ခုရွိျပီဆုိရင္ Blog တစ္ခုဖန္တီးရန္အတြက္ www.blogger.com မွာ Sign in တစ္ခုလုပ္ရပါမယ္။ သြားပံဳက Browser program တစ္ခုျဖစ္တဲ့ IE (0r) Mozilla ၏ Address bar တြင္ www.blogger.com ဟု ရုိက္ထည့္ျပီး Enter key ကိုႏွိပ္ပါ။ 


Blogger home page ၏ အေပၚညာဘက္ေထာင့္တြင္ “ sign in area ” ၏ အေပၚရွိ Language တြင္ English ျဖစ္ရပါမယ္။ Email Address (ဥပမာ- username@gmail.com) ၊ Password ေနရာတြင္ ၄င္း Email password တုိ႔ကို ရုိက္ထည့္ပါ။ ျပီးလွ်င္ Keyboard မွ Enter ကိုႏွိပ္ပါ (သုိ႔) Sign in တြင္ Click ႏွိပ္ပါ။ 




Step 2) Display Name (0r) Author Name 

မိမိထည့္သြင္းသည့္ Email ႏွင့္ Password တုိ႔ မွန္ကန္ပါက Signup လုပ္ဖို႔ရန္ ေတာင္းခံပါလိမ့္မည္။ Display name ေနရာတြင္ မိမိႏွစ္သက္ရာ အမည္ကို ရုိက္ထည့္ပါ။ ဒီေနရာမွာ ထည့္သြင္းေပးလုိ္က္တဲ့ အမည္ကို Blog မွာတင္သမွ် Post တုိ႔၏ ေအာက္ေျခတြင္ ေဖာ္ျပမွာ ျဖစ္ပါတယ္။ သေဘာက Post မွာ ေရးသူ (သုိ႔)ကေလာင္အမည္ျဖစ္ပါတယ္။ သည့္အတြက္ အမည္၀ွက္ႏွင့္ ေရးခ်င္ရင္ မိမိအမည္ရင္း အစားအျခားအမည္၀ွက္ တစ္ခုထည့္သြင္းရပါမည္။ 


Display name ထည့္သြင္းခဲ့ျပီးျပီဆုိရင္ ေရွ႕ဆက္သြားဖုိ႔ရန္အတြက္ Blogger မွ ထုတ္ျပန္ေသာ Term of Service ေတြကို လက္ခံသေဘာတူရပါမယ္။ Trem of service ေဘးရွိ Check box တြင္ အမွန္ျဖစ္ေပၚေအာင္ 
Click တခ်က္ႏွိပ္ပါ။ ျပီးလွ်င္ Button တြင္ Click ႏွိပ္လုိက္ပါ။ 


မွတ္ခ်က္။ ။ ယခုထည့္ေပးခဲ့သည့္ Display name အတုိင္းပင္ အျမဲတမ္းသံုးရေတာ့မည္ဟု မစုိးရိမ္ပါႏွင့္။ Blog တစ္ခု အစအဆံုးဖန္တီးျပီးသြားသည့္ ေနာက္ပိုင္း Display name ကို အခ်ိန္မေရြး မိမိႏွစ္သက္သလုိ ေျပာင္းလဲေရးသားႏုိင္ၾကပါတယ္။ 



Step3) Name your Blog 

ဒီအဆင့္မွာ Blog title ႏွင့္ URL လုိ႔ေခၚတဲ့ မိမိ Blog လိပ္စာတုိ႔ကို သတ္မွတ္ထည့္သြင္းေပးရပါမယ္။ 


စာအုပ္အမည္တုိ႔ႏွင့္ သေဘာတရားတူပါတယ္။ Blog title ကို ျမင္ၾကရုံျဖင့္ အထဲမွာ ဘယ္လုိ အေၾကာင္းအရာေတြ ေရးသားထားမလဲဆုိတာကို မွန္းမိႏို္ငေစပါက ပိုေကာင္းပါတယ္။ ႏွစ္သက္ရာ အမည္ကို Blog Title တြင္ ရုိက္ထည့္ရာတြင္ 
Title ကို ျမန္မာလုိ ေပးခ်င္ပါကလည္း ေပးႏုိင္သည္။ 


URL (or) Blog Address 

Bolg လိပ္စာကို ေရြးခ်ယ္တဲ့ေနရာမွာ မိမိ Blog ကို ဖတ္သူတို႔အေနႏွင့္ မွတ္မိလည္းလြယ္ရမယ္။ ရုိက္လုိ႔လည္း လြယ္ရမယ့္ အမည္မ်ိဳးျဖစ္သင့္ပါတယ္။ အမ်ားအားျဖင့္ မိမိနာမည္ (သို႔) Blog title ကိုပင္ ျပန္ေပးေလ့ရွိၾကပါတယ္။ အေရးၾကီးတာက လိပ္စာကို အဂၤလိပ္လုိသာေပးရပါမည္။ အထူးသတိျပဳပါ။ 


မိမိေရြးခ်ယ္ထည့္သြင္းမည့္ စကားလံုးတုိ႔၏ ေနာက္တြင္ blogspot.com ပါရွိမည္ျဖစ္ရာ မိမိ Bolg လိပ္စာအျပည့္အစံု http://www.name.blogspot.com ျဖစ္ပါလိမ့္မည္။ Blog Address တစ္ခု သည္ အျခားမည္သည့္ Address တုိ႔ႏွင့္မွ မတူညီႏုိင္သည့္ ကိုယ္ပိုင္လိပ္စာ ျဖစ္ၾကရပါမယ္။ သည့္အတြက္ မိမိအလုိရွိရာအမည္ပါ လိပ္စာအတိုင္း ရရႏုိင္မရႏုိင္ဆုိတာ စစ္ေဆးၾကရပါမယ္။ Check Availability တြင္ Click ႏွိပ္ျပီးစစ္ေဆးပါ။ အျခားသူတဦး လိပ္စာႏွင့္ တူေနပါက ေျပာင္းခုိင္းပါလိမ့္မည္။ 


လိပ္စာတူရွိေနရင္ အနီေရာင္ စာလံုးေတြႏွင့္ not available ဆုိျပီးျမင္ရပါမယ္။ ဒါ့အျပင္ယူသံုးလုိ႔ရႏုိင္တဲ့ အမည္ေတြကို အၾကံျပဳေဖာ္ျပထားပါလိမ့္မယ္။ အဲ့ဒီအမည္ေတြထဲက တစ္ခုခုကို Click ႏွိပ္ျပီး ေရြးခ်ယ္ နုိင္တယ္။ မၾကိဳက္ဘူးဆုိရင္ စိတ္တုိင္းက်အမည္တစ္ခု ရိုက္ထည့္ျပီး Check Availibility ျဖင့္ ထပ္မံစစ္ေဆးၾကည့္ရမယ္။ လိပ္စာမတူ၊ လိပ္စာတူမရွိပါက “available” ဆိုတာကိုျမင္ၾကရမယ္။ ေရွ႕ဆက္သြားရန္အတြက္ continue တြင္ Click တစ္ခ်က္ႏွိပ္လုိက္ပါ။ 



မွတ္ခ်က္။ ။ Title ပဲျဖစ္ျဖစ္၊ Address ပဲျဖစ္ျဖစ္ ေနာက္ပိုင္းမွာ ေျပာင္းႏုိင္ပါတယ္။ Address ေျပာင္းမယ္ဆုိရင္ သတိျပဳရမွာက မိမိ Blog ၀င္ေရာက္ဖတ္ရူ႕သူေတြ မ်က္ေျချပတ္သြားႏုိင္ပါတယ္။ 



Step 4) Choose your Template 

Template ဆိုတာမိမိ Blog ရဲ႕ design ၊ တနည္းဆုိရရင္ Webpage ရဲ႕ degsin ျဖစ္ပါတယ္။ အျဖဴေရာင္ေနာက္ခံ၊ အစိမ္းေရာင္ေနာက္ခံ၊ အမည္းေရာင္ေနာက္ခံ အစရွိသျဖင့္ေပါ့။ Blogger မွာ အဆင္သင့္ ယူသံုးႏုိင္တဲ့ Template မ်ားစြာရွိပါတယ္။ ကိုယ့္ရဲ႕ Blog ကို အစိမ္းေရာင္ေလးေနာက္ခံႏွင့္ လုိခ်င္ရင္ Scrodl bar ကို အေပၚေအာက္ဆြဲျပီး အစိမ္းေရာင္ပါတာေလးေရြးေပါ့။ 


Scroll bar ကို အေပၚေအာက္ဆြဲေရြးျပီး ပိုမိုတိက်စြာ သိခ်င္ရင္ စိတ္၀င္စားစရာ Template ၏ review တြင္ Click ႏွိပ္လုိက္ပါ။ ဒါဆုိရင္ Blog တစ္ခုကို အစအဆံုးေရးျပီးသြားတဲ့အခါ မိမိ Blog အား Webpage တစ္ခုအေနႏွင့္ ဘယ္လုိျမင္ရမလဲဆုိတာကို သီးျခား Window တစ္ခုျဖင့္ ေဖာ္ျပပါလိမ့္မည္။ 


အျခားေသာ Blog Setting ေတြကဲ့သို႔ပင္ Template ကို အခ်ိန္မေရြးေျပာင္းလဲႏုိင္ပါတယ္။ ဒါ့ေၾကာင့္ ဒီေနရာမွာ ေရြးခဲ့တဲ့ Template အတုိင္းပဲံအျမဲျဖစ္ေနေတာ့မယ္လုိ႔ စုိးရိမ္စိတ္မထားပါႏွင့္။ စျဖစ္သြားေအာင္ လက္သင့္ရာေရြးျပီး ေနာက္မွ ေျပာင္းမယ္ဆုိရင္လည္း ျဖစ္ပါတယ္။ 


မိမိႏွစ္သက္ရာ Template ရွိ Radio button ကို Click ႏွိပ္ျပီး Select လုပ္ပါ။ Template ေရြးျပီးျပီဆုိရင္ Continue button တြင္ Select လုပ္ပါ။ Template ေရြးျပီးျပီဆုိရင္ Continue button တြင္ Click ႏွိပ္၍ ေရွ႕ဆက္သြားပါ။ 



Step 5) Publish Your First Post 

Template ကိုေရြးခဲ့ျပီးျပီဆုိရင္ Blog တစ္ခုကို ေအာင္ျမင္စြာ Create လုပ္ျပီးျပီျဖစ္ေၾကာင္းေဖာ္ျပေသာ Page ကို ျမင္ၾကရပါမယ္။ ထုိ Page ေပၚမွ Your blog has been create! စာတန္းေအာက္ေျခမွ Start blogging တြင္ 
Click တစ္ခ်က္ႏွိပ္ပါ။ 


ဒီအဆင့္သို႔ေရာက္ျပီဆုိရင္ သိရမွာက blog တစ္ခုလုိေတာ့ ဖန္တီးျပီးျပီ။ သို႔ေသာ္ ဘာမွမရွိေသးတဲ့ အခြံခ်ညး္သက္သက္လုိ႔သိထားရပါမယ္။ ဥပမာ-ဆုိရရင္ ေျမေနရာ (Address) ရလုိ႔ ႏွစ္သက္ရာပံုစံ (Template) ႏွင့္ အိမ္လည္းတည္ေဆာက္ျပီးျပီ ျပည့္စံုေအာင္ ျဖည့္ရအံုးမယ္။ ဒါေတြျဖည့္ျပီးမွသာ ေနလုိ႔ရႏုိင္ျပီျဖစ္တဲ့ အိမ္တစ္လံုးအျဖစ္သို႔ ေရာက္ရွိမယ္ေပါ့။ 


ထုိသေဘာတရားအတုိင္းပါဘဲ။ ကိုယ္လုိခ်င္တဲ့ အေၾကာင္းအရာေတြရယ္၊ စာေတြရယ္ ေရးမယ္။ တင္ခ်င္တဲ့ ပံုေတြတင္ျပီး ေ၀ေ၀ဆာဆာျဖစ္ေအာင္ ဖန္တီးၾကရပါအံုမယ္။ အဲ့ဒီလုိစာေတြေရးတင္ျခင္း၊ ပံုေတြလွမ္းတင္ျခင္းကို Post တင္တယ္လုိ႔ေခၚပါတယ္။ 


စျပီး Post လုပ္ရန္အတြက္ Start Blogging တြင္ Click ႏွိပ္လုိက္ပါ။ စာေတြေရးသားႏုိင္မယ့္ ပံုေတြထည့္ႏုိင္တဲ့ Window တစ္ခုက်လာပါမယ္။ ၄င္းကို Post Editor လုိ႔လည္းေခၚပါတယ္။ 





Post Title 


ဒီေနရာမွာက Post title ၊ ဟုိေရွ႕မွာျဖည့္ခဲ့တဲ့ Title က Blog title ။ မေရာေထြးမိပါေစႏွင့္။ Blog title ဆုိတာက စာအုပ္အမည္လုိ တစ္ခုပဲရွိမယ္။ Post title ဆုိတာက ကိုယ္တင္ရင္ တင္သေလာက္မ်ားမယ္။ ဥပမာ ဆုိရရင္ Blog တစ္ခုထဲမွာ post ဆယ္ခုတင္ရင္ Post title ဆယ္ခုရွိမယ္ေပါ့။ 



Text Area 


ေရးလုိသမွ် Text area ထဲမွာေရးသားၾကပါမယ္။ ဒီေနရာမွာ ေရးသားသမွ်တုိ႔သည္ မိမိတင္မည့္ Post ၏ စာကိုယ္ျဖစ္ပါလိမ့္မည္။ 




ေရးလုိသမွ်ေရးျပီး၍ စိတ္တုိင္းက်ျပီဆုိရင္ Publish post တြင္ Click ႏွိပ္လုိက္ပါ။ ေရးခဲ့ေသာ Post ကို အင္တာနက္ေပၚမွတဆင့္ အမ်ားသူငါ ၾကည့္၍ရေအာင္ ေအာင္ျမင္စြာ လႊင့္တင္ျပီးျဖစ္ေၾကာင္း ေဖာ္ျပေသာ Page ကိုျမင္ၾကရပါမည္။ 




မိမိရဲ႕ တင္လုိက္တဲ့ Blog ကို ကိုယ္တုိင္ၾကည့္ခ်င္ရင္ View Blog တြင္ Click ႏွိပ္လုိက္ပါ။ Post တစ္ခုတည္းသာရွိတဲ့ မိမိရဲ႕ Blog အသစ္စက္စက္ေလးကို ေတြ႕ၾကရပါလိမ့္မယ္။ 



Sign Out 


Post အသစ္တင္ခ်င္ရာေတြကိုလည္း တင္ခဲ့ျပီးျပီ၊ ျပင္စရာရွိတာေတြကို ျပင္ခဲ့ျပီး၍ လတ္တေလာ ေရွ႕ဆက္ အသံုးမရွိေသးသည့္အတြက္ ထြက္ေတာ့မယ္ဆုိရင္ အျမဲတမ္း Sign out လုပ္ျပီးမွ ထြက္ရပါမယ္။ အေပၚညာဘက္ေထာင့္တြင္ရွိေသာ Sign out တြင္ Click ႏွိပ္ျပီးထြက္ပါ။ မႈလအစျဖစ္တဲ့ www.blogger.com သို႔ ျပန္ေရာက္သြားပါလိမ့္မည္။ 



Blogger Interface အားေလ့လာျခင္း 


Blog ေလးတစ္ခု ဖန္တီးလုိက္တယ္။ Post ေလးေတြေရးတင္တယ္။ လုိအပ္ရင္ ေရးထားတဲ့ Post ေတြကို ျပန္ျပင္မယ္။ Post အသစ္ေတြထပ္တင္ၾကတယ္။ ဒါေတြက Blog ႏွင့္ဆုိင္တဲ့ သာမာန္လုပ္ရုိးလုပ္စဥ္ေတြပါ။ သာမန္ထက္ပိုတဲ့ နည္းလမ္းေတြသံုးျပီး မိမိ Blog ကို ထူးထူးျခားျခားေလး ျဖစ္ေအာင္ ျပင္ဆင္ၾကခ်င္တယ္။ Blogger interface ကို နားလည္ထားဖို႔လုိပါလိမ့္မယ္။ 



Posting Tab 


Posting tab ေအာက္မွာ Create၊ Edit post အစရွိသျဖင့္ အခြဲေတြပါတယ္။ Post အသစ္မ်ားတင္ျခင္း၊ တင္ျပီးသား Post ေတြကို ျပင္ဆင္ျဖည့္စြက္ျခင္းမ်ားကို ဒီ Posting tab ေအာက္မွာ လုပ္ေဆာင္ႏုိင္ၾကတယ္။ 



Setting Tab 


Setting Tab ေအာက္မွာ Basic၊ Publishing၊ Formatting အစရွိသျဖင့္ အခြဲေတြရွိပါတယ္။ Blog title ေျပာင္းျခင္း၊ Comment ပိတ္ျခင္း၊ Email ျဖင့္ post လွမ္းတင္ႏုိင္ေအာင္ စီစဥ္ျခင္းမ်ား အပါအ၀င္ စီမံခန္႕ခြဲျခင္းလုပ္ငန္းစဥ္ အေတာ္မ်ားမ်ားကို ဒီ Setting tab ေအာက္မွာ လုပ္ေဆာင္ႏုိင္ၾကပါတယ္။ 



Layout Tab 


Layout tab ေအာက္မွာ Page Elements၊ Pick new template အစရွိသျဖင့္ အခြဲေတြပါတယ္။ Template အသစ္ေျပာင္းျခင္း၊ မိမိ Blog ရဲ႕ အဆင္အျပင္ကို ပိုမုိၾကည့္ေကာင္းေအာင္ Page elements မ်ား ထပ္တုိးျဖည့္စြက္ထည့္သြင္းျခင္းမ်ားကို ဒီ Layout tab ေအာက္မွာ လုပ္ေဆာင္ႏုိင္ၾကပါတယ္။ 



The Dashboard 


မိမိရဲ႕ Blog မွာ Post အသစ္ေတြထပ္တင္ခ်င္တာပဲျဖစ္ျဖစ္၊ တင္ျပီးသား Post ေတြထဲက အခ်ိဳ႕ျပန္ျပင္ခ်င္တာမ်ိဳးေတြပဲျဖစ္ျဖစ္၊ ဖ်က္ထုတ္ျခင္တာပဲျဖစ္ျဖစ္၊ အျမဲတမ္း Blogger homepage ျဖစ္တဲ့ (www.blogger.com) ထံသို႔ ျပန္လာရပါမယ္။ ေရာက္ျပီဆုိရင္ Blog ဖန္တီးခဲ့စဥ္က အသံုးျပဳခဲ့ေသာ Email address ႏွင့္ Password တုိ႔ကိုပင္ သံုးျပီး ျပန္လည္ Sign in လုပ္ရပါမယ္။ 




Sign in ၀င္ေရာက္မႈ ေအာင္ျမင္ျပီဆုိရင္ Blogger Dashboard ဆုိတာကို ျမင္ၾကရပါမယ္။ Blogger Dashboard သည္ Post အသစ္ထပ္တင္ျခင္း၊ ရွိျပီးသား Post ကို Edit လုပ္ျခင္းတုိ႔အပါအ၀င္ Blog အားစီမံခန္႕ခြဲမႈ အလုပ္မ်ားကို အလြယ္တကူ လုပ္ေဆာင္ႏုိင္ရန္မ်ားစြာ အေထာက္အကူေပးပါတယ္။ New post ႏွင့္ Manage post တုိ႔သည္ Dashboard ထဲမွ အသံုးျပဳရမႈအမ်ားဆံုး Icon ၂ခုပင္ျဖစ္ပါတယ္။ 


မွတ္ခ်က္။ ။ Blog တစ္ခုကို ဖန္တီးခဲ့ဘူးေသာ Gmail Account ႏွင့္ ျပန္၀င္တုိင္းမွာ Blogger Dashboard ကိုျမင္ၾကရပါမည္။ 




Post အသစ္မ်ားထပ္တင္ျခင္း 

ေရွ႕ဘက္မွာေဖာ္ျပခဲ့သလုိ User name ႏွင့္ Password တုိ႔ကို ထည့္ျပီး Blogger မွာ Sign in လုပ္ျပီးတာႏွင့္ မိမိ Blog ကို အဓိက Control လုပ္ရာ Dashboard ဆုိတာကို ေတြ႕ၾကရပါမယ္။ 



Post အသစ္တစ္ခု ထပ္တင္ရန္အတြက္ အစိမ္းေရာင္အေပါင္းသေကၤတေလးႏွင့္ New Post တြင့္ Click တစ္ခ်က္ႏွိပ္ပါ။ Post ေတြေရးသားႏုိင္မည့္ (Posting create page) ေပၚလာပါမည္။ 




ေရွ႕မွာတုန္းက Post အသစ္တစ္ခုစေရးစဥ္က အတုိင္းပင္ Title ေနရာတြင္ စာေခါင္းစဥ္ Post title ႏွင့္ Text area ထဲတြင္ ေရးလုိေသာစသားမ်ားကို ရုိက္ထည့္ပါ။ စိတ္တုိင္းက်ျပီဆုိရင္ Publish post တြင္ Click ႏွိပ္လုိက္ပါ။ ဒါဆုိရင္ Post အသစ္ကို ေအာင္ျမင္စြာ ထပ္တင္ျပိး ျဖစ္ပါလိမ့္မယ္။ မိမိ Bolg ကို ဖြင့္ၾကည့္လွ်င္ အရင္တင္ခဲ့သည့္ Post မ်ားႏွင့္အတူ Post အသစ္မ်ားကိုပါ ယွဥ္တြဲျမင္ရပါလိမ့္မယ္။ 




တင္ျပီးသား Post မ်ားကို ျပန္လည္ျဖည့္စြက္ျပင္ဆင္ျခင္း 


မိမိတင္ထားခဲ့တဲ့ Post ေတြကို ျပင္ခ်င္ရင္ အခ်န္မေရြးျပန္လည္ Edit လုပ္လုိ႔ရပါတယ္။ သေဘာက မၾကိဳက္တဲ့စာသားေတြကို ျဖဳတ္ပစ္မယ္။ ထပ္ထည့္ဖို႔လုိအပ္ရင္ ထပ္ထည့္မယ္ေပါ့။ Dashboard ေပၚမွ Manage Post ေပၚတြင္ Click ႏွိပ္လုိက္ပါ။ မိမိ၏ Blog မွာတင္ထားသမွ်ေသာ Post တုိ႔၏ Title မ်ားအားတန္းစီျမင္ရပါမယ္။ 



ျပန္လည္ Edit လုပ္လုိေသာ Post Title ႏွင့္ သက္ဆုိင္ေသာ Edit ေပၚတြင္ Click ႏွိပ္လုိက္ပါ။ (Posting /Edit posts) Page သို႔ေရာက္သြားျပီး Post တြင္ပါ စာသားမ်ားကို ျမင္ၾကရပါမယ္။ 



၄င္း Post title တစ္ခုစီေဘးမွ Edit တြင္ Click တစ္ခ်က္ႏွိပ္ပါ။ Title ပဲျဖစ္ေစ၊ Text area ထဲမွ စာသားမ်ားကိုျဖစ္ေစ လိုသလုိ ေျပာင္းလဲျဖည့္စြက္ႏုိင္ၾကပါတယ္။ စိတ္တုိင္းက်ျပီဆုိလွ်င္ Publish post တြင္ Click ျပန္ႏွိပ္ေပးရန္မေမ့ပါႏွင့္ ။ 




ဒီေနရာမွာ တင္ျပီးသား Post ေတြထဲက အခ်ိဳ႕ကို ျပင္ဆင္ Edit လုပ္ျခင္းမဟုတ္ပဲ။ လံုး၀ကို ဖ်က္ထုတ္လည္း ရႏုိင္ပါတယ္။ တန္းစီထားေသာ Post title မ်ားထဲမွ ဖ်က္ထုတ္လုိေသာ Title ႏွင့္ သက္ဆုိင္ေသာ Delete ေပၚတြင္Click ႏွိပ္လုိက္ပါ။ အမွန္တကယ္ ဖ်က္ထုတ္လုိျခင္း ဟုတ္မဟုတ္ဆုိတာကို Confrom လုပ္ပါလိမ့္မယ္။ 

Delete It တြင္ Click ႏွိပ္ဖ်က္လုိက္ပါ။ ဒါဆုိရင္ ၄င္း Post ကို အျပီးအပုိင္ ျဖတ္ထုတ္ျပီး ျဖစ္ပါလိမ့္မယ္။ 



Add formatting 


Text area ထဲမွာ ရွိေနသည့္ စာသားေတြရဲ႕ စာလံုးပံုစံ Font ေျပာင္းျခင္း၊ Font အရြယ္အစားေျပာင္းျခင္း၊ Blod လုပ္ျခင္း၊ အစရွိတဲ့ လုပ္ငန္းစဥ္ေတြကို လုပ္ေဆာင္ႏုိင္ရန္ Compose တြင္ Formatting tools တစ္ခုပါရွိပါတယ္။ 




စာလံုးပံုစံ Font ေျပာင္းျခင္း 


ရုိက္ထည့္ထားသည့္ စာသားေတြထဲက အခ်ိဳ႕ကို Font ေျပာင္းခ်င္ရင္ ေျပာင္းခ်င္တဲ့ စာသားေတြကို အေျပာေရာင္ High light ျဖစ္ေအာင္ Mouse ျဖင့္ Drag ဆြဲျပီး Select လုပ္ပါ။ ျပီးလွ်င္ Font family ထဲက down arrow တြင္ Click ႏွိပ္ျပီး Font တစ္မ်ိဳးကို ေရြးခ်ယ္ Click ႏွိပ္ပါ။ ဒါဆုိရင္ မိမိ Select လုပ္ခဲ့ေသာ စာသားေတြရဲက စာလံုးပံုစံ Font ေျပာင္္္္းသြားပါလိမ့္မယ္။ 




စာလံုုးအရြယ္အစားေျပာင္းျခင္း 


Text area ထဲမွ စာလံုး အရြယ္အစားေျပာင္းလုိေသာ စာသားမ်ားကို Mouse ျဖင့္ High light ျဖစ္ေအာင္ Select လုပ္ပါ။ Font size icon ေပၚတြင္ Click ႏွိပ္ျပီး က်လာမည့္ List ထဲမွ ႏွစ္သက္ရာ အရြယ္အစား တခုခုေပၚတြင္ Click ႏွိပ္ေရြးခ်ယ္ပါ။ 




Bold, Italic, Text color 

အခ်ိဳ႕စာလံုးေတြကို Bold ပဲျဖစ္ျဖစ္၊ Italic ပဲျဖစ္ျဖစ္၊ Text color အေရာင္ေျပာင္းခ်င္တာပဲ ျဖစ္ျဖစ္ ပထမဦးဆံုး Drag ဆြဲျပီး လုပ္ရပါမယ္။ 


Bold လုပ္ခ်င္ရင္ “B” တြင္ Click ႏွိပ္ပါ။ စာလံုးအထူမ်ားျဖင့္ ျမင္ရပါမယ္။ 


Italic လုပ္ခ်င္ရင္ “I” တြင္ Click ႏွိပ္ပါ။ စာလံုးေစာင္းမ်ား ျမင္ရပါမယ္။ 


Text Color အေရာင္ေျပာင္းခ်င္ရင္ Text box တြင္ Click ႏွိပ္ျပီး ႏွစ္သက္ရာအေရာင္ကို ေရြးခ်ယ္ Click ႏွိပ္လုိက္ပါ။ စာလံုးအေရာင္ေျပာင္းသြားပါမယ္။ 





Post တြင္းသုိ႔ပံုမ်ားထည့္တင္ျခင္း ( Add Image) 


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



Add to Picture 


ပံုေတြကို ေရွ႕မွာတုန္းကလုိ Post ထဲမွာ မဟုတ္ပဲ Page Element (widget) ေတြအျဖစ္မိမိ Blog မွာထည့္ထားလုိ႔ရပါတယ္။ Picture ေနရာရွိ Add to Blog တြင္ Click ႏွိပ္လုိက္ပါ။ Configure Image ပြင့္လာပါမည္။ 




Title ႏွင့္ Caption တုိ႔တြင္ ႏွစ္သက္သလုိ စာသားမ်ား ျဖည့္သြင္းပါ။ ထုိ႔ေနာက္ Browse တြင္ ႏွိပ္ျပီး တင္လုိေသာ ပံုကို ေရြးခ်ယ္ညႊန္ျပေပးလိုက္ပါ။ Image ေနရာတြင္ ပံုေပၚလာျပီဆုိရင္ Save Change တြင္ Click ႏွိပ္လုိက္ပါ။ 




မိမိမွာ Gmail Account တစ္ခုရွိျပီး၊ ျမန္မာလုိစာစီႏုိင္ရန္အတြက္ ZawGyi Font ကိုလည္း Install ျပီးခဲ့ျပီဆုိရင္ Blog တစ္ခုကို စတင္ဖန္တီး နုိင္ၾကပါျပီ။ Blog တစ္ခုတည္ေဆာက္ဖုိ႔ရန္ လုပ္ေဆာင္ရမည့္ အဆင့္မ်ားကို ေဖာ္ျပပါ ေခါင္းစဥ္မ်ားျဖင့္ ေဖာ္ျပသြားပါမယ္။ 




Third-Party Page Elements (widgets) 

Poll တုိ႔၊ Slide Show တုိ႔အစရွီတဲ့ Blogger ထံမွ အဆင္သင့္ယူႏုိင္တဲ့ Page element ေတြအျပင္အျခား Website မ်ားထံမွ Page element ေတြကို ယူထားျပီးေတာ့လည္း မိမိ Blog page ထဲမွာ ေပါင္းစပ္ထည့္သြင္းထားႏုိင္ပါေသးတယ္။ အဲဒီလုိ Blogger ထံမွ မဟုတ္ပဲ အျခား Website တစ္ခုခုထံမွ သီးျခားယူသံုးတဲ့ Element ေတြကို Third- Party element ေတြလုိ႔ေခၚပါတယ္။ အျခားသူတုိ႔ရဲ႕ Blog စာမ်က္ႏွာေတြမွာလည္း ေတြ႕ဖူးေကာင္းေတြ႕ဘူးၾကပါလိမ့္မယ္။ နာရီေလးေတြ၊ ျပကၡဒိန္ေလးေတြ အစရွိသျဖင့္ေပါ့။ ဥပမာ အေနႏွင့္ Clock widget ေလး တစ္ခုေလာက္ထည့္ၾကည့္လုိက္ၾကရေအာင္။ 

Third-party element ေတြထည့္မယ္ဆုိရင္ လုပ္ရမယ့္ အပုိင္းက ႏွစ္ပုိင္းရွိတယ္။ ပထမအပုိင္းက မိမိ Blog ထဲထည့္ထားလုိတဲ့ အျခား Website မွ Element ႏွင့္ ဆုိင္ေသာ HTML tag ေတြကို Copy မွ ကူးယူရမယ္။ ျပီးမွ မိမိ Blog ထဲမွာ Paste လုပ္ယူရမယ္။ 

နာရီပံု HTML widget ရယူရန္အတြက္ www.clocklink.com သို႔သြားပါ။ ထုိ႔ေနာက္ Go to Gallery တြင္ Click ႏွိပ္လုိက္ပါ။ နာရီပံုသ႑န္ဒီဇုိင္းမ်ိဳးစံုတို႔ရွီရာ Clock Gallery ထဲသို႔ ေရာက္သြားပါမယ္။ 

မွတ္ခ်က္။ ။ Clock link မွ မဟုတ္ပါဘူး။ အင္တာနက္ေပၚမွ အေျခားေသာ Clock widget site ေတြမ်ားစြာရွိပါေသးတယ္။ Google သို႔သြားေရာက္ျပီး Clock widget လုိ႔ ထည္သြင္းရွာေဖြၾကည့္ပါ။ ရလာတဲ့ အထဲကမွ ကိုယ္လုိအပ္ခ်က္ႏွင့္ ကိုက္ညီႏုိင္မည့္ Link မ်ားသို႔ သြားေရာက္ျပီး စမ္းသပ္အသံုးျပဳၾကည့္ၾကပါ။ 


မိမိႏွစ္သက္ရာ နာရီပံု တခုကိုေရြးပါ။ ရျပီဆုိရင္ ထုိနာရီႏွင့္ သက္ဆုိင္ရာ View Html Tag ေပၚတြင္ Click ႏွိပ္လုိက္ပါက နာရီပံုပါ Pop-up windows တစ္ခုပြင့္လာပါမည္။ 

Time Zone ေနရာတြင္ မိမိေဒသစံေတာ္ခ်ိန္ကို ေရြးေပးပါ။ ဥပမာ- ျမန္မာႏုိင္ငံအတြက္ဆုိလွ်င္ (GMT +6:30) ျဖစ္ပါတယ္။ လုိအပ္ပါက နာရီအရြယ္အစား အၾကီးအေသးကို Size ေနရာတြင္ ေရြးခ်ယ္ေျပာင္းလဲႏုိင္ပါတယ္။ (130*130) 

နာရီႏွင့္ပတ္သက္ျပီး စိတ္တုိင္းက်ျပင္ဆင္ျပီးျပီဆုိလွ်င္ အေပၚကြက္လပ္ထဲရွိ Code မ်ားအားလံုးကို Copy ကူးယူရပါမယ္။ စာသားမ်ားကို Select မွတ္ျပီးညာဘက္ Click တစ္ခ်က္ႏွိပ္လုိက္ပါ။ က်လာမည့္ Menu ထဲရွိ Copy တြင္ ႏွိပ္ျပီး ကူးယယူလုိက္ ရပါမယ္။ 

Post ထဲမွာ ပံုေတြထည့္ရန္အတြက္က ဘာမွမခက္ခဲပါဘူး။ Blogger မွာပံုေတြကို အလြယ္တကူ ထည့္သြင္းႏုိင္တဲ့ Add Image လုိ႔ေခၚတဲ့ Tools တစ္ခုပါ၇ွိျပီးသား ျဖစ္ပါတယ္။ အေရးၾကီးတာက ဘယ္ပံုကို တင္မွာလဲ။ မိမိကြန္ပ်ဴတာထဲက ဘယ္ေနရာ (ဥပမာ-Desktop ေပၚမွာလား၊ My Document ထဲမွာလား) ဘယ္မွာရွိေနသလဲဆုိတာေလာက္ကိုေတာ့ သိႏွင့္ျပီးသားျဖစ္ဖုိ႔လုိပါတယ္။ 

1. Compose bar ေပၚရွိ Formatting toolbar ထဲမွ Add image တြင္ Click ႏိွပ္လုိက္ပါ။ Upload window တစ္ခုပြင့္လာပါမည္။ 

2. ပထမဦးစြာတင္ခ်င္သည့္ ပံုကို ေရြးခ်ယ္ညႊန္ျပေပးရပါမယ္။ Browse တြင္ Click ႏွိပ္ပါက “File upload” box ေပ်ာက္သြားျပီး မႈလ Upload window ရွိ Browse ေနရာတြင္ မိမိေရြးခ်ယ္ခဲ့ေသာပံု File အမည္ကို ျမင္ၾကရပါမယ္။ 
ယခုအဆင့္ထိသည္ ပံုကို အမွန္တကယ္ Upload မလုပ္ရေသးပါ။ ဘယ္ပံုတင္မလဲဆုိတာကို ေရြးခ်ယ္ညႊန္ျပျပီးရုံရွိေသးတယ္ဆုိတာကို သတိျပဳပါ။ 

မွတ္ခ်က္။ ။ တျပိဳင္နက္ ပံုငါးပံုအထိတင္ႏုိင္ပါတယ္။ အျခားပံုေတြထပ္တင္လုိပါက Add another image တြင္ Click ႏွိပ္ျပီးထပ္မံေရြးခ်ယ္ႏုိင္ၾကပါတယ္။ 


3. ေနာက္တစ္ခါ ေရြးခ်ယ္စရာက Layout ႏွင့္ Image Size ျဖစ္ပါတယ္။ တင္ခ်င္တဲ့ပံုကို Right၊ Center၊ Left တုိ႔ထဲက ဘယ္ေနရာမွာ ထားခ်င္သလဲ။ တခုခုကို ေရြးခ်ယ္ႏုိင္ပါတယ္။ ေရြးခ်ယ္ပံုက သက္ဆုိင္ရာ Radio Button ေပၚတြင္ Click ႏွိပ္ရပါမယ္။ ထုိ႔အတူ ပံုအရြယ္အစားကိုလည္း Small၊ Medium၊ Large တုိ႔ထဲကမွ တခုခုေရြးခ်ယ္ႏုိင္ပါတယ္။ 

အဆင္သင့္ျဖစ္ျပီဆုိရင္ စတင္ Upload လုပ္လုိ႔ရပါျပီ။ Upload လုပ္ရန္အတြက္ Blogger မွ ထုတ္ျပန္ေသာ စည္းကမ္းခ်က္ေတြပါတဲ့ ” Term of Services” ကိုလက္ခံသေဘာတူရပါမယ္။ သည္အတြက္ I Accept ေဘးရွိ Check Box ေပၚတြင္ အမွန္ျခစ္ေပၚေအာင္ Click ႏွိပ္ရပါမယ္။ ျပီးလွ်င္ Upload တြင္ Click ႏွိပ္လုိက္ပါ။ မိမိေရြးခ်ယ္ခဲ့ေသာ ပံုကိုစတင္ Upload လုပ္ေနပါလိမ့္မယ္။ ပံု၏ အရြယ္အစားႏွင့္ Internet Connection ေပၚမႈတည္ျပီး အခ်ိန္အနည္းငယ္ၾကာပါလိမ့္မယ္။ 

Upload ျပီးျပီဆုိရင္ Done ဆုိတဲ့စာလံုးေပၚလာပါလိမ့္မယ္။ Done တြင္ Click ႏွိပ္လုိက္ပါ။ Upload Window ေပ်ာက္သြားျပီး Text area ထဲတြင္ မိမိတင္ခဲ့ေသာပံု ျမင္ၾကပါပါမယ္။ စိတ္တုိင္းက်ျပီဆုိရင္ Publish post တြင္ Click ႏွိပ္၍ Post ကိုတင္ႏုိင္ၾကပါျပီ။ 

မွတ္ခ်က္။ ။ Publish လုပ္ခဲ့ျပီဆုိရင္ မိမိရဲ႕ Blog ကိုဖြင့္ျပိး ပံုရဲ႕အေနအထား ေကာင္းရဲ႕လား၊ ပံုအရြယ္အစား အလားေတာ္ျဖစ္ရဲ႕လား အစရွိသျဖင့္ ျပန္လည္စစ္ေဆး ၾကည့္ရူသင့္ပါတယ္။ စိတ္တုိင္းမက်ဘူးဆုိရင္ ေရွ႕မွာေျပာျပသလုိ Post ထဲမွာရွိတဲ့ စာသားေတြကို ျပန္လည္ Edit လုပ္သလုိမ်ိဳး ပံုေတြကိုလည္းျပန္လည္ လုပ္ႏုိင္ၾကပါေသးတယ္။ 


အျခား Blog မ်ားႏွင့္ ခ်ိတ္ဆက္ျခင္း (Add Link) 

Link ဆုိတာက Webpage တခုကေနအျခား Webpage တခုခုဆီသုိ႔ ကူးေျပာင္းသြားႏုိင္တဲ့ ေနရာေတြ ျဖစ္ပါတယ္။ Link ဟုတ္မဟုတ္ဆုိတာကို အလြယ္တကူ ခြဲျခားသြားႏုိင္တဲ့နည္းကေတာ့ Mouse Pointer ျဖင့္လုိက္ေထာက္ၾကည့္ပါ။ ပံုပဲျဖစ္ျဖစ္၊ စသားေတြပဲျဖစ္ျဖစ္ ျမွားပံဳကေန၊ လက္ပံုေျပာင္းတာမွန္သမွ် သည္ Link မ်ားပဲျဖစ္ပါတယ္။ လက္ပံုေပၚလာတဲ့အခ်ိန္မွာ Click ႏွိပ္ရင္ လက္ရွိျမင္ေနရတဲ့ Page ကေန ခ်ိတ္ဆက္ထားတဲ့ အျခား Page တစ္ခုသို႔ ကူးေျပာင္းသြားပါလိမ့္မယ္။ 

Blog ထဲမွာ မိမိေရးခ်င္ရာအျပင္အျခား Blog မ်ား(သို႔) Website မ်ားဆီသို႔ ခ်ိတ္ဆက္ထားတဲ့ Link ေတြလည္း ထည့္ထားႏုိင္ပါတယ္။ Link ေတြကို ရည္ရြယ္ခ်က္အမ်ိဳးမ်ိဳးႏွင့္ ထည့္ၾကတယ္။ အခ်ိဳ႕က မိမိတင္သည့္ Post ႏွင့္ အေၾကာင္းအရာခ်င္းဆက္စပ္မႈရွိတဲ့ Post တြင္းပါ အေၾကာင္းအရာေတြကို ပိုမုိ အားေကာင္းေအာင္ အေထာက္အကူေပးနုိင္ေသာ အျခားသူတဦးဦး၏ Blog (သုိ႔) Webpage တစ္ခုခုကို Link လုပ္ထားေလ့ရွိပါတယ္။ 

အခ်ိဳ႕က်ျပန္ေတာ့လည္း မိတ္ေဆြအခ်င္းခ်င္း (သုိ႔) ဦးတည္ခ်က္ျခင္းတူတဲ့ Blog ေတြအခ်င္းခ်င္း အျပန္အလွန္ Link မ်ားထည့္သြင္းျခင္းျဖင့္ အုပ္စုဖြဲ႕ ထားေလ့ရွိပါတယ္။ မိမိတို႔အုပ္စုထဲက Blog တစ္ခုခုေပါက္သြားရင္ တနည္းဆုိရရင္ လူၾကိဳက္မာ်းလာျပီဆုိရင္ အဲ့ဒီ Blog ထဲမွာ ညႊန္ျပခ်ိတ္ဆက္ထားတဲ့ အျခား Blog ေတြပါ လူၾကည့္ပိုမ်ားလာမယ္ေပါ့။ 

1. ပထမဦးစြာ မိမိ Link လုပ္လုိေသာ Blog (သို႔) Webpage ကို ဖြင့္လုိက္ပါ။ ပြင့္လာျပီဆုိရင္ ၄င္း Page ၏ URL လုိ႔ေခၚတဲ့ လိပ္စာကို Copy လုပ္လုိက္ပါ။ 
2. (Posting/Compose) Text area ထဲမွ Link လုပ္လုိေသာ စာသားမ်ားကို Mouse ျဖင့္ Drag ဆြဲျပီး Select လုပ္ပါ။ စာသားမ်ားအျပာေရာင္ High light ျဖစ္လာပါမည္။ Select လုပ္ျပီးျပီဆုိ၇င္ Tool bar ထဲမွ Add link ေပၚတြင္ Click တစ္ခ်က္ႏွိပ္လုိက္ပါ။ 
3. က်လာမည့္ Box ထဲရွိ URL ေနရာတြင္ Paste လုပ္လုိက္ပါ။ ေရွ႕မိမိ Copy ယူထားခဲ့သည့္ URL ေပၚလာပါမည္။ Copy/Paste မလုပ္လုိလွ်င္ ဒီေနရာမွာ ကိုယ္တုိင္ ရုိက္ထည့္ႏုိင္ပါတယ္။ Typing အမွားမျဖစ္ေအာင္ေတာ့ အထူးဂရုျပဳရပါလိမ့္မယ္။ 
4. Ok button တြင္ Click ႏွိပ္လုိက္ပါက Select မွတ္ထားခဲ့ေသာ စာသားမ်ားကို အျပာေရာင္ ေအာက္ခံလုိင္းျဖင့္ ျမင္ရပါမယ္။ သေဘာက Link ျဖစ္သြားျပီဆုိတာကို ျပပါတယ္။ အဆင္သင့္ျဖစ္ျပီဆုိရင္ Publish post တြင္ Click ႏွိပ္ျပီး မိမိရဲ႕ Post ကိုတင္လုိက္ပါ။ 5. Blog ထဲတြင္ Post တက္လာတဲ့အခါ Link ေပၚတြင္ Click ႏွိပ္ပါက ခ်ိတ္ဆက္ထားခဲ့ေသာ Blog (သို႔) Webpage ကိုျမင္ၾကရပါမယ္။ 6. ထုိ Link ေပၚတြင္ Click ႏွိပ္ပါက ခ်ိတ္ဆက္ထားေသာ name.blogspot.com ကိုျမင္ရပါမယ္။ 


Comments 

ပံုမွတ္အားျဖင့္ဆုိရင္ Post တစ္ခုခ်င္းစီရဲ႕ေအာက္မွာ Comment ဆိုတဲ့ Link တစ္ခုကို ေတြ႕ၾကရပါမယ္။ Blog တုိ႔တြင္ Comment တုိ႔ရဲ႕ အခန္းက႑ဟာ အလြန္အေရးပါလွပါတယ္။ ေရးသူႏွင့္ ဖတ္သူတုိ႔ အျပန္အလွန္ထိေတြ႕ေစႏုိင္တဲ့ နည္းလမး္တစ္ခုလည္း ျဖစ္ပါတယ္။ သေဘာက Post တြင္ပါ အေၾကာင္း အရာႏွင့္ ပတ္သတ္ျပီး ဖတ္ရူသူတုိ႔မွ ေ၀ဖန္ေဆြးေႏြးျခင္း၊ ျဖည့္စြက္အၾကံေပးျခင္းမ်ားကို Comment မွတဆင့္၀င္ ေရာက္ေရးသားႏုိင္ၾကပါတယ္။ 


Writing Comment 

ပံုမွတ္အားျဖင့္ဆုိရင္ Blog post တုိင္းမွာ Comment ၀င္ေရးႏုိင္ၾကပါတယ္။ အခ်ိဳ႕ေတြက Comment ေရးခြင့္ပိတ္ထားသည့္ Post တို႔မွာေတာ့ Comment ေရးလုိ႔မရပါ။ အမ်ားစုမွာေတာ့ Google account တစ္ခုရွိရင္ ၀င္ေရးႏုိင္ၾကပါတယ္။ ေရးပံုေရးနည္းကေတာ့ ရုိးရွင္း လြယ္ကူလွပါတယ္။ ေရးလုိတဲ့ Post ေအာက္မွာရွိေသာ Comment ေပၚတြင္ Click ႏွိပ္လုိက္ပါ။ 

ဒါဆုိရင္ ဒီ Post ႏွင့္ပတ္သက္ျပီး၊ မိမိေရွ႕ကေရးသားထားေသာ Comment မ်ားကို တန္းစီျပီးေတြ႕ရပါမယ္။ ဘယ္သူေတြက ဘယ္လုိေ၀ဖန္ခ်က္ျပဳထားသလဲဆုိတာကို ဖတ္ရူႏုိင္ပါတယ္။ မိမိကိုယ္တုိင္လည္း Comment ၀င္ေရးခ်င္ရင္ Leave Your Comment ေနရာတြင္ ေရးလုိေသာ စာသားမ်ားကို ရုိက္ထည့္ပါ။ 

ေရးျပီးျပီဆုိရင္ Publish လုပ္ရပါမယ္။ User name နဲ႔ Password တုိ႔ကို ရုိက္ထည့္ပါ။ ထုိ႔ေနာက္ Publish Your Comment တြင့္ Click ႏွိပ္လုိက္ပါ။ ဒါဆုိရင္ Comment အေရအတြက္ တခုထပ္တုိးသြားျပီး Comment List ထဲေရာက္သြားပါမည္။ 


Stop Comments 

မိမိတင္တဲ့ Post ေတြမွာ Comment ေရးတာမၾကိဳက္ရင္ Comment Link မပါေအာင္ျဖဳတ္ထားလုိ႔ရပါ တယ္။ အေရးၾကီးတာက Post တစ္ခုခ်င္းစီကို ေရြးျပီးခြင့္ျပဳမယ္၊ မျပဳဘူး။ လုပ္ခ်င္တာလား၊ ဒါမွမဟုတ္ တင္သမွ် Post အားလံုးကို ေရးခြင့္ မျပဳခ်င္တာလားဆုိတာကို အရင္စဥ္းစားရမယ္။ ဒီအေျခအေန ၂မ်ိဳး ေပၚမႈတည္ျပီး ….. 

1. Dashboard ေပၚမွ Manage Settings တြင္ Click ႏွိပ္ပါ။ Setting ေအာက္မွ Basic ထဲသုိ႔ ေရာက္သြားပါမယ္။ ဒီေနရာကို (Setting / Basic) Page လုိ႔ ေခၚပါမယ္။ 
2. Setting ေအာက္မွ Comments တြင္ ထပ္မံ Click ႏွိပ္ပါက (Setting/Comments) Page ထဲသို႔ ေရာက္သြားပါမယ္။ 

Who can Comment? ေနရာတြင္ ဘယ္သူေတြကိုပဲ ေရးခြင့္ျပဳမယ္ဆုိတာ မ်ိဳးကန္႕သတ္ႏုိင္ၾကပါတယ္။ Anyone ကို ေရြးမယ္ဆုိရင္ Google account (Gmail) ရွိသူေတြသာ ေရးခြင့္ျပဳမယ္ဆုိတာမ်ိဳးျဖစ္ပါတယ္။ 

Comment Default for Posts ေနရာတြင္ ပံုမွန္အားျဖင့္ New posts have Comments ျဖစ္ပါတယ္။ သေဘာက တင္သမွ် Post တုိင္းမွာ Comment ပါျပီးသားျဖစ္ပါတယ္။ Comment မပါေအာင္ တခါတည္း ပိတ္ထားလုိလွ်င္ New Posts Do Not Have Comments ကိုေရြးရပါမယ္။ 

စိတ္တုိင္းက်ျပင္ဆင္ခဲ့ျပီးပါက Page ၏ ေအာက္ေျခတြင္ရွိေသာ “Save Settings” တြင္ Click ႏွိပ္လုိက္ပါ။ 




Template Selection 



Dashboard ေပၚမွ Layout ေပၚတြင္ Click ႏွိပ္ျပီးသြားမယ္ဆုိရင္ Template Selection ေအာက္ကို ေရာက္ပါတယ္။ ဒီေနရာက မိမိ Blog ရဲ႕ ဒီဇုိင္း အဆင္အျပင္ႏွင့္ ပတ္သက္ျပီး လုိသလုိ ျပဳျပင္ေျပာင္းလဲ 
ႏုိင္ၾကပါတယ္။ 



Pick a New Template 

Blogger မွာ အဆင္သင့္ယူသံုးႏုိင္တဲ့ Template ေပါင္းမ်ားစြာရွိျပီးသား ျဖစ္ပါတယ္။ တစ္ခုမၾကိဳက္ရင္ အျခားတစ္ခု အခ်ိန္မေရြးေျပာင္းသံုးလုိ႔ရပါတယ္။ အျခား Template တစ္ခုသို႔ ေျပာင္းခ်င္ရင္ Layout ေအာက္မွ Pick New Template တြင္ Click ႏွိပ္ပါ။ 


အဆင္သင့္ ယူသံုးႏုိင္တဲ့ Template မ်ားကို ျမင္ရပါမယ္။ ဒီေနရာကို (Layout/Pick New Template) လုိ႔ ဆုိရပါမယ္။ 


အၾကိဳက္ဆံုး တစ္ခုကို ေရြးခ်ယ္လုိက္ပါ။ ထုိ႔ေနာက္ Save Template တြင္ Click ႏွိပ္ပါ။ မိမိ Blog ရဲ႕ Template ကို ေျပာင္းေပးသြားပါမည္။ View Blog တြင္ Click ႏွိပ္ၾကည့္ႏုိင္ပါသည္။ 



Page Elements (Widgets) 

Page Elements ေတြဆို္တာက Webpage တုိ႔ရဲ႕ အဆင္တန္ဆာမ်ားပဲ ျဖစ္ပါတယ္။ ၄င္းတို႔ကို ညီညႊတ္မွ်တေအာင္ ေပါင္းဆပ္ဆင္ယင္ႏုိင္မည္ဆုိပါက Page ရဲ႕ အဆင့္အတန္းအရည္အေသြးကို ပိုမိုေပၚလြင္ေစပါလိမ့္မယ္။ မိမိတုိ႔ Blog ရဲ႕ဒီဇုိင္း (Template) ကိုလည္း Page element တို႔ ထပ္မံေပါင္း စပ္ထည့္သြင္းျပီး စိတ္ၾကိဳက္တန္ဆာဆင္ထားလုိ႔ ရပါတယ္။ ပံုမွန္အားျဖင့္ Blog တစ္ခုဖန္တီးျပီးတုိင္း Profile တို႔ Active တုိ႔ဆုိတဲ့ Page element ေတြကေတာ့ အလုိအေလွ်ာက္ပါရွိျပီးသား ျဖစ္ပါတယ္။ အဲဒါေတြအျပင္၊ နာရီတုိ႔၊ ျပကၡဒိန္တုိ႔။ မိမိမိတ္ေဆြတုိ႔၏ Blog လိပ္စာမ်ား အစရွိသည္တုိ႔ကို Page element ေတြအျဖစ္ လုိသလုိ ထည့္သြင္းထားႏုိင္ပါေသးတယ္။ 


Layout ေအာက္မွ Page elements တြင္ Click တစ္ခ်က္ႏွိပ္လုိက္ပါ။ ဒီေနရာ ကို (Layout/Page element) လုိ႔ဆုိပါမယ္။ ညာဘက္ျခမး္ကို သတိထားျပီးၾကည့္ပါ။ Contributors ႏွင့္ Blog Archive ဆုိျပီး Page elements ႏွစ္ခုကို ေတြ႕ရပါမယ္။ ထုိႏွစ္ခုက Blog စတင္ Create လုပ္စဥ္ကတည္းကိုက အလုိေလ်ာက္ပါျပီးသား ျဖစ္ပါတယ္။ ကိုယ္စိတ္တုိင္းက် Page Elements သစ္ေတြထပ္ထည့္ခ်င္ရင္္ “ Add a page element” တြင္ ႏွိပ္ျပိး ထပ္ထည့္ႏုိင္ၾကပါတယ္။ 


မွတ္ခ်က္။ ။ မိမိေရြးခဲ့တဲ့ Template ေပၚမႈတည္ျပီး Page element ထည့္ႏုိင္မယ့္ေနရာေတြ အနည္းငယ္ ကြဲျပားပါလိမ့္မယ္။ 



Add a Description 

Blog Title ေအာက္တြင္ Description ထည့္လုိက ထည့္ထားႏုိင္ပါတယ္။ Description ဆိုတာက မိမိရဲ႕ Blog သည္ စီးပြားေရး၊ လူမႈေရး၊ ေဖ်ာ္ေျဖေရး အစရွီသည္တုိ႔ထဲက ဘယ္က႑ေပၚမွာ အေျခခံတည္ေဆာက္ထားသလဲဆုိတာကို ဖတ္ရူ႕သူမ်ားအား အလြယ္တကူသိေစႏုိင္မည့္ အခ်က္အလက္ စကားလံုးမ်ားပဲ ျဖစ္ပါတယ္။ 


Dashboard ေပၚမွ Manage Setting တြင္ႏွိပ္ပါ။ Setting ေအာက္မွ Basic ထဲသုိ႔ ေရာက္သြားပါမယ္။ ဒီေနရာကို (Setting / Basic) Page လို႔ ေခၚပါမယ္။ 


Blog title ကိုျပင္လုိက ဒီေနရာတြင္ ျပင္ႏုိင္ပါတယ္။ Description ေနရာတြင္ မိမိေရးလုိတဲ့ က႑ကို ကုိယ္စားျပဳမည့္ စကားလံုးမ်ားကို ရုိက္ထည့္ပါ။ ျပီးလွ်င္ Page ၏ ေအာက္ေျခတြင္ရွိေသာ Save Setting ကို Click ႏွိပ္ပါ။ 


“setting were saved successfully” ဆုိတာ ေပၚလာပါမည္။ သေဘာက မိမိျဖည့္စြက္ခဲ့သည့္ အတုိင္း ထည့္သြင္းျပင္ဆင္ျပိးျဖစ္ေၾကာင္း ေဖာ္ျပျခင္းျဖစ္ပါသည္။ 


ဒါဆုိရင္ Description ထည့္ျပီးသြားျပီ။ မိမိ Blog ကိုသြားၾကည့္မယ္ဆုိရင္ Blog title ေအာက္မွာက Description အျဖစ္ထည့္ခဲ့ေသာ စာသားမ်ားကို ျမင္ၾကရပါမယ္။ 



Add a team Member 

Blog တစ္ခုတည္းကို လူအမ်ားစုေပါင္းေရးလုိ႔ရတယ္။ သေဘာက ကိုယ္တစ္ေယာက္တည္း မဟုတ္ပဲ စိတ္ခ်ရတဲ့ မိတ္ေဆြအေပါင္းအသင္းေတြကိုပါ မိမိ Blog မွာ၀င္ေရာက္ေရးသား Post တင္ႏုိင္ေအာင္ လုပ္ထားလုိ႔၇ပါတယ္။ အားသာခ်က္ကေတာ့ တစ္ေယာက္မအားတဲ့အခါ တစ္ေယာက္၀င္ ေရးၾကျခင္းျဖင့္ မိမိ Blog သည္ အျမဲတမ္း Update ျဖစ္ေနမယ္ေပါ့။ 


အဲ့လုိ၀င္ေရးႏုိင္ေအာင္ သူတို႔သည္ မိမိ Blog ရဲ႕ Member ျဖစ္ၾကရပါမယ္။ Member ျဖစ္ေအာင္လုပ္ဖုိ႔၇န္ အပုိင္း(၂)ပိုင္း ရွိပါတယ္။ ပထမဦးစြာ Blog ပုိင္ရွင္ျဖစ္တဲ့ မိမိကေနသူတုိ႔ထံသို႔ Email ျဖင့္ Invite လုပ္ရပါမယ္။ ဒါက ကိုယ့္ဘက္က လုပ္ရမယ့္အပုိင္း။ ဟုိတစ္ဖက္က ၀င္ေရာက္ေရးသားဖုိ႔ရန္ ဖိတ္ၾကားခံရသူေတြ အေနႏွင့္ေတာ့ Invite လုပ္သည့္ Email ေရာက္လာျပီဆုိရင္ ဖြင့္ဖတ္ျပီး Activate လုပ္ေပးရပါမယ္။ Activate လုပ္ျပီးတာႏွင့္ Member ျဖစ္သြားျပီး ၀င္ေရာက္ေရးသားႏုိင္ၾကပါျပီရွင္။ 



Invite လုပ္ျခင္း 

Member ျဖစ္ေအာင္ Invite လုပ္ရန္အတြက္ Setting ေအာက္မွ Permission တြင္ Click တစ္ခ်က္ႏွိပ္လုိက္ပါ။ ဒီေနရာကို (Setting Permission) Page လုိ႔ ဆုိရပါမယ္။ 


Permission ေအာက္ရွိBlog Author ေနရာတြင္ ဒီ Blog မွာ ၀င္ေရးသူ ဘယ္ႏွစ္ေယာက္ရွိသလဲဆုိတာကို ျဖစ္ပါတယ္။ ယခုခ်ိန္မွာေတာ့ Member မရွိေသးသည့္ အတြက္ မိမိ တဦးတည္း၏ အမည္ကိုသာ ျမင္ေတြ႕ၾကရပါဦးမယ္။ 


Invite လုပ္ရန္အတြက္ Add Author တြင္ Click တစ္ခ်က္ႏွိပ္ပါ။ ထုိ႔ေနာက္ Member အျဖစ္ ဖိတ္ၾကား လုိေသာ သူ၏ Email လိပ္စာကို Invite more people ေနရာတြင္ ရုိက္ထည့္လုိက္ပါ။

လ၀န္းျဖဴ   ဆိုဒ္မွကူးယူတင္ျပထားပါသည္.....

ဘေလာ့ေခါင္းစဥ္ေရွ႕က ပုံေလးနဲ႕အလွဆင္နည္း




 သည္တစ္ခါ တင္တဲ့ အေၾကာင္းရာေလးကေတာ့ မိမိတို႕ဘေလာ့ရဲ႕ Title ဆိုတဲ့ ေခါင္းစဥ္ေရွ႕မွာ ပုံေလးေတြနဲ႕ အလွဆင္နည္းေလးပါ။ က်ေနာ္ ထည့္ျပထားတဲ့  ပုံေလးကို ၾကည့္လိုက္ပါ




ပထမဆုံး ပုံေလးေတြ ရွာေဖြဖို႕ www.google.com မွာ 'animated picture'  ဆိုျပီးရွာလို္က္ပါ။
 ပုံေတြ ေတြ႕ရပါ့မယ္..

 ပုံရဲ႕လင့္ကိုယူနည္း   ။    ၁   ။
                                        မိမိတို႕ လုိျခင္ေသာ ပုံေတြ႕ပါက ညာကလစ္ေပးလိုက္ပါ  ေနာက္ properties ကိုကလစ္ပါ... အဲမွာ ဇယားကြက္ေလးတစ္ခုက်လာမယ္.   location ဆိုတဲ့ေနရာက လင့္ကိုယူလိုက္ပါ... ပုံရဲ႕လင့္ကို ရပါျပီေနာ္...။        ။

 ပုံရဲ႕လင့္ကိုယူနည္း   ။    ၂   ။
                                       လိုျခင္တဲ့ပုံကို  ညာကလစ္ေပး   Save Image As ကိုကလစ္ျပီး ေဆ့ထားလုိက္ပါ.  ေဆ့ထားတဲ့ ပုံကို www.minus.com ဆိုဒ္မွာ Upload တင္လုိက္တာနဲ႕ Direct Link ဆိုတာကို ယူလုိက္ပါ... ပုံရဲ႕လင့္ကိုရပါျပီ။
           ကဲဗ်ာ  ပုံကိုလင့္ယူတာေတာ့ ရျပီ...ဘေလာ့ေပၚထည့္နည္းေလးကို စလုိက္ၾကရေအာင္ေနာ္...

►1-  Blogger Singin ၀င္လိုက္ပါ။
►2-  DASHBOARD ကိုသြားလိုက္ပါ။
►3-  LAYOUT    ကိုကလစ္ပါ..။
►4-  EDIT HTML  ကို၀င္ပါ.. Process ကိုကလစ္ျပီးဆက္၀င္လုိက္ပါ။
►5-  EXPAND WIDGET TEMPLATES ကိုအမွန္ျခစ္ေပးဖို႕မေမ့ပါနဲ႕ေနာ္...။
►6-  Ctrl+F အကူညီျဖင့္ ေပးထားတဲ့ ကုဒ္ကို ရွာလိုက္ပါ။


<b:if cond='data:post.url'>

 သည္ကုဒ္ကိုရွာပါ ေတြ႕ျပီဆိုတာနဲ႕ သူ႕ရဲ႕အေပၚကေန  ေအာက္ကကုဒ္ကို ထည့္ေပးလိုက္ပါ။



<img src=" ပုံရဲ႕လင့္ကိုသည္မွာထည့္ေပးပါ " style="border-width:0px"/>



 ကဲမိတ္ေဆြတို႕ အဆင္ေျပေလာက္ပါျပီေနာ္...အေနာ္ မန္မန္စားလုိက္အုံးးမယ္ဂ်ာာ
 ေအာင္ေအာင္(မကစ)ရဲ႕ ဘေလာ့ခရီးသည္ေလးအား အားေပးေနၾကတဲ့အတြက္ ေက်းဇဴးအထူးတင္ပါတယ္..
တုန္႕ျပန္မွဳအေနနဲ႕ fb like ေလးေတာ့ လုပ္ေပးခဲ့ၾကပါေနာ္..
တတ္စြမ္းသမွ် ေတြ႕ ရွိသမွ်ေလးေတြကို ျပန္လည္ မွ်ေ၀ေနပါ့မယ္...။
အဆင္မေျပတာမ်ားရွိခဲ့ပါက...


တို႕ရဲ႕ cbox မွာ ေျပာခဲ့ၾကပါေနာ္...

ဘေလာ့အတြက္ ေနာက္ခံ ကာလာ/ ပုံ ေတြထည့္နည္း


ကဲဗ်ာ သည္တစ္ခါေတာ့ မိမိတို႕ဘေလာ့ကို လွလွေလးဖန္တီးချင္သူမ်ားအတြက္ေပါ့..


ေနာက္ခံေတြ လိုအပ္သလို ေျပာင္းလဲ နိဳင္တဲ့ ကုဒ္ေလးေတြကိုလမ္းျပေပးလိုက္ပါတယ္..

ထည့္နည္းကေတာ့..............
►1-  Blogger Singin ၀င္လိုက္ပါ။
►2-  DASHBOARD ကိုသြားလိုက္ပါ။
►3-  LAYOUT    ကိုကလစ္ပါ..။
►4-  EDIT HTML  ကို၀င္ပါ.. Process ကိုကလစ္ျပီးဆက္၀င္လုိက္ပါ။
►5-  EXPAND WIDGET TEMPLATES ကိုအမွန္ျခစ္ေပးဖို႕မေမ့ပါနဲ႕ေနာ္...။
►6-  အထဲမွာ ေအာက္က သက္ဆိုင္ရာ ကုဒ္ေတြအလိုက္ ွရာျပီး ျပင္နိဳင္ပါတယ္...



body {
background:$bgcolor;

ဒါက background color  ခ်ိန္းဖို႕ပါ

ေအာက္ကပုံေလးတိုင္း လိုအပ္တဲ့ကာလာကို ေျပာင္းလဲ ေပးလိုက္ပါ။

body {
background-color:#B38481;



ဒါကေတာ့ေဘးက ဆိုဒ္ဘား ေနာက္ခံကာလာအတြက္ပါ။



#sidebar-wrapper {
background-color:#B38481;


ဒါကေတာ့ ပို႕စ္တင္တဲ့ အဓိကေနရာပင္မၾကီးးရဲ႕ ေနာက္ခံကာလာေတြအတြက္ပါ။



#main-wrapper {
background-color:#B38481;

အဆင္ေျပသလို လွဳပ္ရွားလိုက္ပါေနာ္... ေအာင္ကေတာ့ ထပ္ဆင့္ျပီး
မွ်ေ၀လို္ကတာပါ..ေနာက္ခံ ပုံေလးေတြ ထည့္နည္းပါဗ်ာ....... ျပည့္စုံေအာင္ေပါ့...ထည့္ေပးလို္ကတယ္..


ဒါကေတာ့ ေဘာ္ဒီ ေနာက္ခံ ပုံအတြက္ပါ။


body {
background-image: url(URL address of your image);


ဒါကေတာ့ ဆိုဒ္ဘားေနာက္ခံပုံအတြက္ပါ။


#sidebar-wrapper {
background-image: url(URL address of your image);


ဒါကေတာ့ main ေနရာအတြက္ပါ။


#main-wrapper {
background-image: url(URL address of your image);

 မွတ္ခ်က္. ။           ။ မိိမိတို႕ လိုျခင္တဲ့  ကာလာ ျဖစ္ေစ....ပုံျဖစ္ေစ... လင့္မ်ားကို ကိုယ္တိုင္ဖန္တီးရမွာ ျဖစ္ပါတယ္.. အဲလင့္ေတြကို သဴ႕ေနရာ မွာ အနီေရာင္ေနရာေပါ့ ထည့္ေပးရပါမယ္....

ေအာင္ေအာင္(မကစ)
ရဲ႕ ဘေလာ့ခရီးသည္ေလးအား အားေပးေနၾကတဲ့အတြက္ ေက်းဇဴးအထူးတင္ပါတယ္.. တုန္႕ျပန္မွဳအေနနဲ႕ fb like ေလးေတာ့ လုပ္ေပးခဲ့ၾကပါေနာ္.. တတ္စြမ္းသမွ် ေတြ႕ ရွိသမွ်ေလးေတြကို ျပန္လည္ မွ်ေ၀ေနပါ့မယ္...။
အဆင္မေျပတာမ်ားရွိခဲ့ပါက...

ဘေလာ့မွာ လွပေသာ Vertical Navigation Menu လုပ္နည္း


ခုတင္မွာေလးကေတာ့..TAB MENU ေလးတစ္မ်ိဳးပါ ..Vertical Navigation Menu လို႕ေခၚပါတယ္....
ေအာက္ကတိုင္း လုပ္ၾကည့္ပါေနာ္..


အဆင့္  (၁)  ။               ။   သြားၾကမယ္ေနာ္  ေအာက္ကအတိုင္း

(1)-   ဘေလာ့ကာ၀င္ပါ  Dashboard > Template> Edit HTML  အစဥ္လုိက္သြားလိုက္ပါ။
(2)-    the Expand Widget ေနရာမွ အမွန္ျဖစ္ခဲ့ေပးပါ။
(3)-    Ctrl + F  အကူညီျဖင့္ ေအာက္ကကုဒ္ကို ရွာလိုက္ပါ။

        ]]></b:skin>  ေတြ႕တာနဲ႕ ေပးထားတဲ့ ကုဒ္ေတြကို သူ႕အေပၚကေန ကပ္ထည့္လိုက္ပါ။
 
#page_paramsInspector-shell .tabShell { width:480px; } #page_paramsInspector-shell .tabShell { width:480px; } #page_paramsInspector_settings { width:400px; height:286px; font-size:12px; } #page_paramsInspector_preview { width:466px; } .menuLinks { position:relative; width:200px; background:#364040; padding:10px; padding-bottom:5px; } .menuLink, .menuLink:link, .menuLink:visited, .menuLink:hover, .menuLink:active { display:block; font-size:12px; text-transform:uppercase; font-weight:bold; text-align:center; letter-spacing:4px; color:#bbb; background:#000; border:2px solid #000; width:182px; padding:5px 7px; margin-bottom:5px; text-decoration:none; overflow:hidden; }

အဆင့္ (၂)    ။    ။  ေနာက္ထပ္ 
<head>  ဆိုတဲ့ ကုဒ္ကို ထပ္ရွာလိုက္ပါ။
                         ေတြ႕တာနဲ႕ ေအာက္ကကုဒ္ေတြကို သူ႕ ေနာက္က ကပ္ထည့္ေပးပါ။

 
<script src='https://dl.dropbox.com/u/24344387/How%20Do%20Blog/
UIZE-JavaScript-Framework/js/Uize.js' type='text/javascript'/>     

အဆင့္  (၃)  ။     ။ ေအာက္က အတိုင္း ေပးထားေသာကုဒ္မ်ားကို ထည့္လိုက္ပါ။

    1. Login လုပ္လုိက္ပါ ဘေလာ့ကာကို   
    2.  Layout ကိုကလစ္ရပါ့မယ္ မိမိတို႕  Dashboard ကေနေပါ့
    3.  Page Elements
    4.  Add a Gadget ကိုကလစ္ေပးလုိက္ပါ
    5.  HTML/Javascript. ကိုကလစ္ျပီး က်လာတဲ့ ေဘာက္ေလးထဲမွာဘဲ
    6. ေအာက္ကေပးထားတဲ့ ကုဒ္ေတြကို ေကာ္ပီယူ ထည့္လိုက္ပါ
<script type="text/javascript">Uize.module ({

 required:[

 'UizeDotCom.Page.Example.library',

 'UizeDotCom.Page.Example',

 'Uize.Widget.HoverFader',

 'Uize.Curve.Rubber',

 'Uize.Fx.xShadows'

 ],

 builder:function () {

 /*** create the example page widget ***/

 var page = window.page = UizeDotCom.Page.Example ();



 /*** create the hover fader instance ***/

 page.addChild (

 'hoverFader',

 Uize.Widget.HoverFader,

 {

 nodes:{className:/\bmenuLink\b/},

 defaultStyle:{marginLeft:0,marginTop:0,

 color:'f',borderColor:'#9F9797',

 backgroundColor:'044',

 textShadow:'-3 0 3 #0,3 0 3 #0,#0ff -30 0 .5em,#0ff 30 0 .5em,#0f0 -20 0 1em,#0f0 20 0 1em'

 },

 hoverStyle:{marginLeft:5,marginTop:5,borderColor:'0',

 color:'8',

 backgroundColor:'000',

 textShadow:'0 0 3 #0,0 0 3 #0,#0 0 0 .5em,#0 0 0 .5em,#0 -30 0 1em,#0 30 0 1em'

 },

 fadeIn:{duration:350},

 fadeOut:{duration:1000}

 }

 );



 /*** wire up the page widget ***/

 page.wireUi ();

 }

});



</script>



<table border="0" cellspacing="0" cellpadding="4" style="margin:auto;">

 <tr valign="top">

 <td>

 <div>

 <div style="left:20px; top:0px;">

 <a href=" YOUR_PAGE_URL " style="

 textShadow:0 0 3 #0,0 0 3 #0,#0 0 0 .5em,#0 0 0 .5em,#0 -30 0 1em,#0 30 0 1em;">About Us</a>

 </div>

 <div style="left:77px; top:93px;">

 <a href=" YOUR_PAGE_URL " style="background:#0;">Products</a>

 </div>

 <div style="left:176px; top:17px;">

 <a href=" YOUR_PAGE_URL " style="background:#0;">Services</a>

 </div>

 <div style="left:232px; top:158px;">

 <a href=" YOUR_PAGE_URL " style="background:#0;">Technology</a>

 </div>

 <div style="left:319px; top:-8px;">

 <a href=" YOUR_PAGE_URL " style="background:#0;">Solutions</a>

 </div>

 <div style="left:390px; top:73px;">

 <a href=" YOUR_PAGE_URL " style="background:#0;">My Account</a>

 </div>

 <div style="left:506px; top:-3px;">

 <a href=" YOUR_PAGE_URL " style="background:#0;">Store Locator</a>

 </div>

 <div style="left:559px; top:90px;">

 <a href=" YOUR_PAGE_URL " style="background:#0;">Investors</a>

 </div>

 <div style="left:42px; top:176px;">

 <a href=" YOUR_PAGE_URL " style="background:#0;">Support</a>

 </div>

 <div style="left:447px; top:176px;">

 <a href="YOUR_PAGE_URL" style="background:#0;">Contact Us</a>

 </div>

 </div>

 </td>

 <td id="page_paramsInspector-shell"></td>

 </tr>

 </table>   




မွတ္ခ်က္ ။     ။  

YOUR_PAGE_URL  ဆိုတဲ့ေနရာမွာ မိမိတို႕ ရဲ႕ url ကိုထည့္ေပးရမွာ ျဖစ္ပါတယ္....
 Products-Services-Technology    စတဲ့ စာသားေနရာေတြမွာေတာ့ မိမိတို႕ ဘေလာ့ရဲ႕ ေခါင္းစဥ္ေတြကို 

ထည့္ေပးလိုက္ပါ.............ဥပမာ  ။    ။  ကဗ်ာ-သုတ-ဘာသာေရး   စသျဖင့္ေပါ့။
 



သည္ေလာက္ဆို အဆင္ေျပမွာပါေနာ္...

ေပ်ာ္ရႊင္ပါေစ

ေအာင္ေအာင္(မကစ)
www.aungsanmks.blogspot.com
www.ledimyethar.com 

Ning Theme ေလးေတြ မွ်ေဝပါတယ္

                      Coad ယူရန္
/***** START CODE *****/select.quickpost {display:none!important;}
/* removeInviteTab*/
#xg_tab_invite {
display:none!important; }
#xn_bar_menu_search { visibility: hidden; }
#xn_bar_menu_tabs { visibility: hidden; }
#xj_StatusAndShareLink{
display:none;
}
#xj_module_gift {display:none}
.photo{
border:1.6px dotted #C0C0C0;
-moz-border-radius: 10px;
border-radius: 10px;
}
/* %ningbarInvert% */
#xn_bar,
#xg_foot {
background-color:/* %ningbarColor% */ transparent!important;
}
#xg {
background-color:transparent:transparent!important!
background-position:center 0px;
}
#xn_bar{
height:20px;
background-color:/* %ningbarColor% */ transparent !important;
background-image:url(-);
border:0px double #C0C0C0;
}
body {
background-color:/* %siteBgColor% */ #000000;
background-image:url(http://themeworxmedia.com/pix/images/Marica/blackrain.jpg);
background-position:center 0px;
background-attachment:fixed;
background-repeat:repeat;
border:0px dotted #C0C0C0;
-moz-border-radius: 10px;
border-radius: 10px;
}
/*****HEADER & IMAGE*****/
#xg {
background-color:/* %headBgColor% */ transparent!important;
background-image:/* %headBgImage% */url(none);
background-position:center -5px;
background-attachment:fixed;
background-repeat:/* %headBgImage_repeat% */ no-repeat;
width:955px;
border:0px dotted #C0C0C0;
-moz-border-radius: 10px;
border-radius: 10px;
}
#xg_masthead { visibility: hidden;}
#xg_masthead,
#xg_masthead a {
height: 100px;
min-height: 100px;
color:/* %pageHeaderTextColor% */
}
#xg_masthead p#xg_sitename {
padding:0px 0 0 0px;
font-size:0em;
font-family: Book Antiqua, Times New Roman;
line-height:0.0em;
font-style:italic;
font-weight:bold;
}
#xg_masthead p#xg_sitedesc {
padding:0 0 0 0 0px;
color:transparent !important;
font-size:0em;
font-family: Book Antiqua, Times New Roman;
font-style:italic;
font-weight:bold;
padding: 0 0 0 0px;
margin-bottom: 0em;
}
/*****NAVIGATION BAR*****/
#xg_navigation {
margin-top:0em;
background-image:url(http://themeworxmedia.com/ningthemes/black40.png);
background-color:transparent;
left no-repeat 0px;
height:80px;
width:960px;
border:1.6px dotted #ffffff;
-moz-border-radius: 10px;
border-radius: 10px;
}
#xg_navigation ul {
float:right;
}
#xg_navigation ul li {
font-family: Book Antiqua, Times New Roman;
font-size:15px;
text-align:right;
text-transform:Bold;
margin: 0.;
}
#xg_navigation ul li a {
font-family: Book Antiqua, Times New Roman;
font-weight:bold;
font-style:italic;
text-decoration:none;
line-height: 3em;
padding: 1px.6em;
color:#C0C0C0;
border-right:3px double #C0C0C0;
border-left: 3px double #C0C0C0;
-moz-border-radius: 10px;
border-radius: 10px;
}
#xg_navigation ul li a:hover {
font-family: Book Antiqua, Times New Roman;
font-weight:bold;
font-style:italic;
color:#808080;
background: url(none) no-repeat center 0px;
}
#xg_navigation ul li.this {
background: url(-) no-repeat center 2px;
}
#xg_navigation ul li.this a {
font-family: Book Antiqua, Times New Roman;
font-weight:bold;
font-style:Times New Roman;
color:#C0C0C0;
background: url(none) no-repeat center 0px;
padding-bottom: 1em;
}
#xg_navigation ul li.this a:hover {
font-family: Book Antiqua, Times New Roman;
font-weight:bold;
font-style:italic;
color:#808080;
}
/*Sub Tabs*/
#xg_navigation ul div.xg_subtab ul li a{
width: 120px;
position:relative;
left: 20px;
top: 20px;
border:3px double #C0C0C0;
margin:3px;
-moz-border-radius: 10px;
border-radius: 10px;
}
#xg_navigation ul div.xg_subtab ul li a {
font-family: Book Antiqua, Times New Roman;
font-size:16px;
color:#C0C0C0!important;
background:#000000 url(none) repeat right 0px !important;
}
#xg_navigation ul div.xg_subtab ul li a:hover {
color:#808080 !important;
background:#000000 url(none) no-repeat left 0px !important;
}
/*****BODY SECTION*****/
.xg_module {
margin-bottom:2em;
}
#xg #xg_body h1 {
color:#C0C0C0;
font-family: "VICTORIAN LET";
weight:bold;
font-style:italic;
font-size:30px;
text-align: center;
background-color:/* %pageBgColor% */ transparent;
background-image:/* %pageBgImage% */ url(http://themeworxmedia.com/pix/images/Marica/sheisbeautyful.gif);
background-repeat:/* %moduleBgImage_repeat% */ no-repeat;
height:770px;
width:auto;
background-position:center -20px;
border-top:1.5px dotted #C0C0C0;
border-bottom:1px dotted #C0C0C0;
-moz-border-radius: 10px;
border-radius: 10px;
}
#xg_body {
background-position: center 0px;
Background width:auto;
background-color:/* %pageBgColor% */transparent!important;
background-image:/* %pageBgImage%*/ url(http://www.fileden.com/files/2008/11/19/2193453/black60.png);
background-repeat:/* %moduleBgImage_repeat% */ repeat;
background-attachment:fixed !important;
border:1.6px dotted #C0C0C0;
-moz-border-radius: 10px;
border-radius: 10px;
}
/* Links */
body a {
color:/* %siteLinkColor% */ #C0C0C0;
}
body a:hover {
color:/* %siteLinkColor% */ #808080;
background: url(none) repeat-x center 0px;
}
/* Module Body: Background & Text */
.xg_module_body, .xg_module_body legend, .xg_module_body legend.toggle a, .xg_module_foot, ul.page_tabs li.this {
background-color:/* %moduleBodyBgColor% */ transparent;
background-image:/* %moduleBgImage% */url(none);
background-repeat:/* %moduleBgImage_repeat% */repeat;
border-bottom:3px double #C0C0C0;
-moz-border-radius: 10px;
border-radius: 10px;
}
/* %moduleBodyTextColor% */
.xg_module_body,
.xg_module_body legend,
.xg_module_body legend.toggle a,
.xg_module_foot,
ul.page_tabs li.this {
color:/* %moduleBodyTextColor% */ #C0C0C0;
font-weight:bold;
font-style:italic;
font-size:15px;
font-family: Book Antiqua, Times New Roman;
}
.xg_module_head {
background-image:url(http://themeworxmedia.com/pix/images/Marica/div452.gif);
background-repeat:no-repeat;
background-color: #000000;
background-position: center 30px;
margin-bottom:0em;
height:60px;
border-bottom:3px double #C0C0C0;
-moz-border-radius: 10px;
border-radius: 10px;
}
.xg_module_head h2 {
font-size:15px;
margin-left:3px;
color:#C0C0C0;
font-family: Book Antiqua, Times New Roman;
font-weight:bold;
font-style:italic;
background-color:#000000!important;
border:1.5px dotted #C0C0C0;
-moz-border-radius: 10px;
border-radius: 10px;
}
.xg_lightfont {
color:#C0C0C0;
}
.xg_module_body,
.xg_module_foot {
border-bottom:3px double #C0C0C0;
}
/*Friends Modul*/
.module_members .xg_module_body li {
display:block;
float:center;
display:inline;
height:48px;
width :48px;
border:1.5px dotted #C0C0C0;
padding: 3px 3px 1px 3px;
margin: 4px;
overflow: center;
-moz-border-radius: 10px;
border-radius: 10px;
}
/*****START HELLO BOX*****/
.account-links {
background: url(http://themeworxmedia.com/pix/images/Marica/7redrosegif.gif) no-repeat
scroll 0 0;
background-color:transparent;
background-position: center 0px;
border-bottom:3px double #C0C0C0;
}
/* Hello Box: Adjust the height to see more of the background image) */
.account-links {
height:300px; wide:180px;
}
/*****END HELLO BOX*****/
/* Networks Buttons */
/*ButtonColor*/ a.button,button,input.button {
background:url(-);
background-color: #000000;important!
color:#C0C0C0;
font:15px;
border:1.5px dotted #C0C0C0;
-moz-border-radius: 10px;
border-radius: 10px;
}
a.button:hover,button:hover,input.button:hover {
background-color:#000000;important!
url(none) center 1px repeat-x;
color:#C0C0C0;
font:15px;
border:3px double #C0C0C0;
-moz-border-radius: 10px;
border-radius: 10px;
}
#xj_message_container{
background-color: transparent;
background-image:url(http://themeworxmedia.com/pix/images/Marica/black91_1280x800_550x30...);
background-repeat:no-repeat;
background-position: center 0px;
border:0px dotted transparent!important;
}
#xg_profiles_chatterwall_post_comment{
color:#ffffff;
background-color: transparent;
font-family: Book Antiqua, Times New Roman;
font-style:italic;
font-size :18px;
font-weight:bold;
height: 300px!important;
}
.toolbar {
background-color:#000000!important;
background-image:url(none)!important;
border:1px dotted #C0C0C0;
height:30px;
-moz-border-radius: 10px;
border-radius: 10px;
}
/*****Footer (#xg_foot and descendants)*****/
#xg_foot,
#xg_foot a {
color:#C0C0C0;
font-family: Book Antiqua, Times New Roman;
font-weight:bold;
background-color:transparent;
border-botom:0px dotted #C0C0C0;
width:954px;
}
html, body {
scrollbar-face-color:#000000;
scrollbar-highlight-color:#C0C0C0;
scrollbar-3dlight-color:#000000;
scrollbar-shadow-color:#C0C0C0;
scrollbar-darkshadow-color:#000000;
scrollbar-arrow-color:#C0C0C0;
scrollbar-track-color:#000000;
}
/***** End Code *****/

                      Code ယူရန္
body /*Background*/
{ background-color: #000000;
background-image:url(http://i163.photobucket.com/albums/t297/wt317/Backgrounds/bluedvmzq...);
background-repeat: repeat-y;
background-position: top center;
background-attachment: fixed;
color: #676767; font-family:Arial,
Helvetica, FreeSans, sans-serif;
}html,body {
scrollbar-base-color: #000000;
scrollbar-arrow-color: #3B3AFF;
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-face-color: #000000;
scrollbar-highlight-color: #000000;
scrollbar-shadow-color: #000000;
scrollbar-track-color: #000000;
}
a:link, a:visited, a:active {font-family: Nyala,
Tempus Sans ITC, Segoe script, arial;
color: #676767; text-decoration: none; font-size: 115%}
a:hover {color: #3B3AFF; text-decoration: underline; font-size: 115%}
h1 {font-family: Nyala, Tempus Sans ITC, Segoe script, arial; font-size: 250% }
h2 {font-family: Nyala, Tempus Sans ITC, Segoe script, arial; color: #3B3AFF; font-size: 200%}
.xg_lightfont {color: #3B3AFF}
.xg_lightborder
{border-style: solid; border-color: #3B3AFF}
#xg_body /*Contents*/
{ background-color: transparent !important;
background-image: url(http://i163.photobucket.com/albums/t297/wt317/Backgrounds/Black.png);
background-repeat: repeat;
background-attachment: fixed;
color: #3B3AFF; font-size:100%}
#xg /*Head Background*/
{background-color: transparent !important;
background-image: url(http://i163.photobucket.com/albums/t297/wt317/Backgrounds/Black.png);
background-repeat: repeat;
background-position: center center;
background-attachment: fixed;
border-left: solid 0px;
border-color: #676767;
border-right: solid 0px;
border-color: #676767;
border-top: solid 0px;
border-color: #676767}
#xg_masthead /*Top Image*/
{margin: auto; display:
block;height: 480px; width: 636px;
background-color: transparent;
background-image:url(http://i163.photobucket.com/albums/t297/wt317/aBlueeyes-1.gif);
background-repeat: no-repeat;
background-position: center center}
#xn_bar{visibility:hidden;}
#xg_sitename, #xg_sitedesc /*This covers up the sitename text*/
{display: none}
.xg_module_activity .xg_module_body {
width : 540px;
height: 100px;
overflow : auto;
position:relative;
margin : 3px;
text-align : center;
font-size : 12px;
font-family: Verdana, Verdana, Geneva, sans-serif;
}
#xg_navigation /* Navbar*/
{background-color: transparent !important;
background-image:url(http://i163.photobucket.com/albums/t297/wt317/Bars/WTnavbar.png);
background-repeat: repeat-x;
background-position: top center;
background-attachment: scroll;
border-bottom: solid 0px;
border-color: #3B3AFF;
border-top: solid 0px;
border-color: #1785CD}
#xg_navigation ul li a /*NavBar Font Properties*/
{background-color:transparent;
font-family: Nyala, Tempus Sans ITC, Segoe script, arial;
font-size:110%; color: #676767; font-weight:normal}
#xg_navigation ul li.this a,
#xg_navigation ul li a:hover /*"This Page" highlight color*/
{background-color: transparent ! important;
background-image:url(http://i163.photobucket.com/albums/t297/wt317/Bars/WTbluehovrnavbar...);
background-repeat: repeat-x;
background-attachment: scroll;
background-position: top center;
color: #3B3AFF ! important}
#xg_navigation ul div.xg_subtab ul li a /*Subtab Font Properties*/
{background-color: transparent ! important;
background-image:url(http://i163.photobucket.com/albums/t297/wt317/Bars/WTnavbar.png);
background-repeat: repeat-x;
background-position: top center;
background-attachment: scroll;
color: #676767 ! important; }
#xg_navigation ul div.xg_subtab ul li
a:hover {background-image:url(http://i163.photobucket.com/albums/t297/wt317/Bars/WTbluehovrnavbar...);
background-repeat: repeat-x;
background-attachment: scroll;
background-position: top center;
background-color: transparent ! important;
color: #3B3AFF ! important; }
.xg_module_head /*Bg of headers*/
{background-color: transparent !important;
background-image:url(http://i163.photobucket.com/albums/t297/wt317/Bars/WTnavbar.png);
background-repeat: repeat;
background-attachment: scroll;
background-position: top center;
border: solid 1px;
border-color: #3B3AFF}
.xg_module_head h2
{color: #3B3AFF; font-size: 150%; font-weight: normal}
/* Comment Wall */ #xg_module_body, #xg_module_head h2, .xg_module_comment_wall
{width : 540px;
height : 493px;
overflow : auto;
margin : 3px;
text-align : center;
font-size : 12px;
font-family : arial;
border:4px ridge #3B3AFF;}
textarea#xg_profiles_chatterwall_post_comment
{height:250px;
width: 530px;
background-image:url(http://i163.photobucket.com/albums/t297/wt317/aBlueeyes.gif);
font-family: Arial;
color: #676767;
font-weight:bold; font-size: 125%;
background-color: #000000;
background-repeat: no-repeat;
background-position: center center}
.texteditor_toolbar
{height: 30px;
background-color:#000000 !important;
background-image:url(http://i163.photobucket.com/albums/t297/wt317/Bars/WTnavbar.png) !important;
background-repeat: repeat-x;
background-position: top center}
.status-bar{
background-color:/* StatusBox */ transparent !important;
color: #3B3AFF;
display: none}
.xg_ads, .xg_module_body iframe li
{margin:7px;
width: 185px;
height:440px;
overflow: auto;
position:relative;
margin-left:3px;
font-family: Verdana, Verdana, Geneva, sans-serif }
/* Friends Module */
#xg_module_members,.body_small
{width:180px;
height:180px;
overflow:auto;
padding-left:3px;}
.module_members .xg_module_body li {
display:block;
display:inline;
height:48px;
width :48px;
position:relative;
float:none
padding: 3px 3px 1px 3px;
margin: 4px;
overflow: none;
}
.module_about_user{
height:150px;
font-size:8px;
overflow:auto;
}
.xg_module_body
{background-color: transparent !important;
background-image: none;
background-repeat: repeat;
background-attachment: fixed;
font-family: Arial; color: #676767;
border: solid 1px; border-color: #3B3AFF}
.xg_module_foot /*Bg of footers*/
{background-color: transparent !important;
background-image:url(http://i163.photobucket.com/albums/t297/wt317/Bars/WTnavbar.png);
background-repeat: repeat-x;
background-attachment: scroll;
background-position: top center;
color: #676767;
font-family: Nyala, Tempus Sans ITC, Segoe script, arial;
font-size: 130%;
border: solid 1px;
border-color: #3B3AFF}
.xg_module_foot a
{color: #3B3AFF; font-size: 100%}
.xg_module_foot a:hover
{background-color: transparent !important;
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
background-position: top center;
font-family: Nyala, Tempus Sans ITC, Segoe script, arial;
font-size: 100%; color: #3B3AFF}
#xn_bar /*Ning bar at top*/
{background-color: transparent !important;
background-image:none;
background-repeat: n0-repeat;
background-position: top center;
background-attachment: fixed;
color: #8ea1a8 !important;
font-family: Nyala, Tempus Sans ITC, Segoe script, arial;
border-bottom: solid 0px;
border-color: #3B3AFF}
#xg_foot /* Ning Footer*/
{background-color: #000000 !important;
background-image: url(http://i163.photobucket.com/albums/t297/wt317/Backgrounds/Profile.png);
background-repeat: repeat;
background-position: BOTTOM center;
background-attachment: fixed;
color: #3B3AFF;
font-family: Nyala, Tempus Sans ITC, Segoe script, arial;
border-top: solid 0px;
border-color: #000000 }
                      Coad ယူရန္
body /*Background*/
{ background-color: #000000; background-image:url(http://i286.photobucket.com/albums/ll88/AnGella_/AnGellaDesigns/But...); background-repeat: repeat; background-position: top center; background-attachment: fixed; color: #eac0c2; font-family: Arial, Helvetica, FreeSans, sans-serif;}a:link, a:visited, a:active {font-family: Nyala, Tempus Sans ITC, Segoe script, arial; color: #ffffff; text-decoration: none; font-size: 125%}
a:hover {color: #eac0c2; text-decoration: underline; font-size: 125%}
h1 {font-family: Nyala, Tempus Sans ITC, Segoe script, arial; font-size: 150% }
h2 {font-family: Nyala, Tempus Sans ITC, Segoe script, arial; color: #eac0c2; font-size: 250%}
.xg_lightfont {color: #eac0c2}
.xg_lightborder {border-style: solid; border-color: #eac0c2}
#xg_body /*Contents*/
{ background-color: transparent !important; background-image:none; background-repeat: repeat; background-attachment: fixed; color: #eac0c2; font-size:100%}
#xg /*Head Background*/
{background-color: transparent !important; background-image: url(http://i25.tinypic.com/af7d53.jpg); background-repeat: repeat; background-position: center center; background-attachment: fixed; border-left: solid 6px; border-color: #eac0c2; border-right: solid 6px; border-color: #eac0c2; border-top: solid 6px; border-color: #eac0c2}
#xg_masthead /*Top Image*/
{margin: auto; display: block;height: 400px; width: 955px; background-color: transparent; background-image: url(http://i286.photobucket.com/albums/ll88/AnGella_/AnGellaDesigns/But...); background-repeat: no-repeat; background-position: top center}
#xg_sitename, #xg_sitedesc /*This covers up the sitename text*/
{display: none}
#xg_navigation /* Navbar*/
{background-color: #000000 !important; background-image:url(http://i286.photobucket.com/albums/ll88/AnGella_/AnGellaDesigns/But...); background-repeat: repeat; background-attachment: scroll; border-bottom: solid 2px; border-color: #eac0c2; border-top: solid 2px; border-color: #eac0c2}
#xg_navigation ul li a /*NavBar Font Properties*/
{background-color:transparent; font-family: Nyala, Tempus Sans ITC, Segoe script, arial; font-size:125%; color: #ffffff; font-weight:normal}
#xg_navigation ul li.this a /*"This Page" highlight color*/
{background-color: #eac0c2 ! important; color: #000000 ! important}
#xg_navigation ul div.xg_subtab ul li a /*Subtab Font Properties*/
{color: #eac0c2 ! important; background-color: #000000 ! important}
#xg_navigation ul div.xg_subtab ul li
a:hover {color: #000000 ! important; background-color: #eac0c2 ! important}
.xg_module_head /*Bg of headers*/
{background-color: #000000 !important; background-image: url(http://i286.photobucket.com/albums/ll88/AnGella_/AnGellaDesigns/But...); background-repeat: repeat; background-attachment: scroll; background-position: right bottom; border: solid 2px; border-color: #eac0c2}
.xg_module_head h2 {color: #ffffff; font-size: 200%; font-weight: normal}
.xg_module_body
{background-color: #000000 !important; background-image:none; background-repeat: repeat; background-attachment: fixed; font-family: Arial; color: #eac0c2; border: solid 2px; border-color: #eac0c2 }
.xg_module_foot /*Bg of footers*/
{background-color: #000000 !important; background-image: url(http://i286.photobucket.com/albums/ll88/AnGella_/AnGellaDesigns/But...); background-repeat: repeat; background-attachment: scroll; color: #eac0c2; font-family: Nyala, Tempus Sans ITC, Segoe script, arial; font-size: 130%; border: solid 2px; border-color: #eac0c2}
.xg_module_foot a
{color: #ffffff}
#xn_bar /*Ning bar at top*/
{background-color: transparent !important; background-image: none; background-repeat: repeat; background-attachment: fixed; color: #eac0c2 !important; font-family: Nyala, Tempus Sans ITC, Segoe script, arial; border-bottom: solid 0px; border-color: #eac0c2}
#xg_foot /* Ning Footer*/
{background-color: transparent !important; background-image:none; background-repeat: repeat; background-attachment: fixed; color: #eac0c2; font-family: Nyala, Tempus Sans ITC, Segoe script, arial; border-top: solid 0px; border-color: #000000 }
textarea#xg_profiles_chatterwall_post_comment {height:190px; width: 475px;background-image: url(http://i286.photobucket.com/albums/ll88/AnGella_/AnGellaDesigns/But...); font-family: Arial; color: #ffffff; font-weight: bold; font-size: 125%; background-color: #000000; background-repeat: no-repeat; background-position: center center}
#xj_baz17246{background:url(http://i286.photobucket.com/albums/ll88/AnGella_/AnGellaDesigns/But...); top left no-repeat; width:404px; height:383px; position:fixed; bottom:0px; left:0px }
                      Coad ယူရန္
/*Layout Generated @ http://SkemaholicsAnonymous.com*/
body /*Background*/ {
background: #000000 url(http://i286.photobucket.com/albums/ll88/AnGella_/AnGellaDesigns/Aut...) bottom center repeat fixed;
color: #ded846;
font-family: Constantia, Arial, georgia, Helvetica, FreeSans, sans-serif;
}
a:link,
a:visited,
a:active {
font-family: Constantia, Georgia, Helvetica, FreeSans, sans-serif;
color: #ded846;
font-size: 14px;
}
a:hover {
color: #813f0b !important;
font-size: 14px !important;
}
.module_user_summary ul.nobullets li a,
.module_user_summary ul.nobullets li a:hover {
font-size: 10px !important;
}
#xg_body /*Contents*/ {
margin: auto;
margin-top: -10px;
width: 800px !important;
background: #000 !important;
color: #b8944b !important;
padding: 10px 0px 0px 0px !important;
border-left: 3px solid #000 !important;
border-right: 3px solid #000 !important;
border-bottom: 3px solid #000 !important;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px;
-webkit-box-shadow: 0px 0px 5px 5px #000;
box-shadow: 0px 0px 5px 5px #000;
}
#xg /*Wrap Background*/ {
margin: auto;
width: 800px !important;
background: transparent none !important;
border: none !important;
}
#xg_masthead /*Top Image*/ {
margin: auto;
display: block;
height: 296px;
width: 800px !important;
background: #000 url(http://i286.photobucket.com/albums/ll88/AnGella_/AnGellaDesigns/Aut...) bottom center no-repeat scroll;
border-left: 3px solid #000;
border-right: 3px solid #000;
border-top: 3px solid #000;
border-bottom: 3px solid #000;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px;
-webkit-box-shadow: 0px 0px 5px 5px #000;
box-shadow: 0px 0px 5px 5px #000;
padding: 0px !important;
}
#xg_sitename,
#xg_sitedesc /*This covers up the sitename text*/ { display: none }
#xg_navigation {
width: 800px !important;
padding-bottom: 10px;
border: 0px solid transparent;
}
#xg_navigation li.this { border-top: none !important }
#xg_navigation li {
border-right: none !important;
border-top: none !important;
}
#xg_navigation ul li a { background-color: transparent !important }
#xg_navigation /* Navbar*/,
#xg_navigation ul div.xg_subtab ul li a /*Subtab Font Properties*/ {
margin: auto;
background: #000 none top left repeat scroll !important;
}
#xg_navigation /* Navbar*/{
border: 3px solid #000;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px;
-webkit-box-shadow: 0px 0px 5px 5px #000;
box-shadow: 0px 0px 5px 5px #000;
}
#xg_navigation ul li a,
#xg_navigation ul div.xg_subtab ul li a /*NavBar Font Properties*/ {
font-family: Constantia, Georgia, Helvetica, FreeSans, arial, sans-serif !important;
font-size: 14px !important;
color: #ded846 !important;
font-weight: bold;
text-transform: none !important;
}
#xg_navigation ul li a {
border: 3px solid transparent !important;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px;
}
#xg_navigation ul div.xg_subtab ul li a {
border: 3px solid #361c0d !important;
-webkit-box-shadow: inset 0px 0px 4px 4px #361c0d;
box-shadow: inset 0px 0px 4px 4px #361c0d;
}
#xg_navigation ul li.this a,
#xg_navigation ul li a:hover,
/*"This Page" highlight color*/
#xg_navigation ul div.xg_subtab ul li a:hover {
background: #ded846 none repeat top left scroll !important;
color: #361c0d !important;
font-weight: bold;
border: 3px solid #ded846 !important;
-webkit-box-shadow: inset 0px 0px 4px 4px #000;
box-shadow: inset 0px 0px 4px 4px #000;
}
a.button,
button,
input.button,
.xg_module_head /*Bg of headers*/ {
background: #000 none bottom center repeat scroll !important;
font-size: 15px !important;
color: #ded846 !important;
border: 3px solid #ded846 !important;
-webkit-box-shadow: inset 0px 0px 4px 14px #ded846 !important;
box-shadow: inset 0px 0px 14px 4px #ded846 !important;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px;
margin: auto !important;
padding: 4px !important;
}
.xg_module_head h2 /*Header Text*/ {
font-family: Constantia, Georgia, Helvetica, FreeSans, arial, georgia, Helvetica, FreeSans, sans-serif !important;
color: #ded846 !important;
font-size: 15px !important;
font-weight: bold;
}
.xg_module {
background-color: transparent !important;
border: none !important;
}
.xg_module_body {
background: #000 url(http://i286.photobucket.com/albums/ll88/AnGella_/AnGellaDesigns/Aut...) bottom left repeat scroll !important;
border: 3px solid #361c0d !important;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px;
-webkit-box-shadow: inset 0px 0px 4px 4px #361c0d;
box-shadow: inset 0px 0px 4px 4px #361c0d;
color: #ded846 !important;
}
.xg_module_foot /*Bg of footers*/ {
background: #000 none bottom center repeat scroll !important;
font-size: 12px !important;
border: 3px solid #ded846 !important;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px;
-webkit-box-shadow: inset 0px 0px 4px 14px #ded846;
box-shadow: inset 0px 0px 14px 4px #ded846;
}
.xg_module_foot a {
font-family: Tempus Sans ITC, Constantia, Georgia, Helvetica, FreeSans, arial, georgia, Helvetica, FreeSans, sans-serif !important;
color: #ded846 !important;
font-size: 12px !important;
font-weight: bold;
}
.xg_module_foot a:hover {
color: #fff !important;
font-weight: bold;
}
#xn_bar /*Ning bar at top*/ {
background: #000 none top left no-repeat scroll !important;
color: #ded846 !important;
font-family: Tempus Sans ITC, Constantia, Georgia, Helvetica, FreeSans, , georgia, Helvetica, FreeSans, sans-serif !important;
}
#xg_foot {
width: 800px !important;
background-color: transparent !important;
background-image: url(http://i286.photobucket.com/albums/ll88/AnGella_/AnGellaDesigns/Foo...) !important;
background-repeat: no-repeat !important;
background-attachment: scroll !important;
background-position: center center !important;
}
textarea#xg_profiles_chatterwall_post_comment {
height: 250px !important;
width: 380px;
background: #000 url(http://i286.photobucket.com/albums/ll88/AnGella_/AnGellaDesigns/Aut...) top center repeat scroll !important;
color: #fff !important;
font-family: Constantia, Arial, georgia, Helvetica, FreeSans, sans-serif !important;
font-weight: bold;
font-size: 125%;
}
/*Start Changing BGComment by Sora */
#xg_profiles_chatterwall_post_comment_ifr {
opacity: 0.5 !important;
filter: alpha(opacity=50) !important;
height: 250px !important;
}
td.mceIframeContainer.mceFirst.mceLast {
background: #000 url(http://i286.photobucket.com/albums/ll88/AnGella_/AnGellaDesigns/Aut...) top center repeat scroll !important;
height: 250px !important;
}
/*ENd Code by Sora*//* Resized comment area buttons */
.xg_widget_profiles_profile .xg_3col .xg_1col img,
.xg_widget_profiles_like .xg_3col .xg_1col img { max-width: 155px }
.html_editor_toolbar defaultSkin,
.xg_module_comment_wall #xg_profiles_chatterwall_post .texteditor { width: 385px !important }
.defaultSkin span.mceIcon,
.defaultSkin img.mceIcon,
.defaultSkin .mceButton {
height: 15px !important;
width: 15px !important;
}
/* End Resize */
/*Start Welcome*/
.xg_widget_profiles_profile_show .xg_2col h1{
padding-bottom: 250px !important;
background-color: #000 !important;
background-image: url(http://i286.photobucket.com/albums/ll88/AnGella_/AnGellaDesigns/Aut...);
background-repeat: repeat;
background-position: top center;
background-attachment: scroll;
border: 3px #361c0d solid;
-webkit-box-shadow: inset 0px 0px 4px 14px #361c0d !important;
box-shadow: inset 0px 0px 14px 4px #361c0d !important;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px;
font-family: Constantia, Georgia, Helvetica, FreeSans;
color: #ded846;
font-size: 16px;
text-align: center;
}
/*End Welcome___Generated@ SkemaholicsAnonymous.com*/
/*Start Account Links*/
.account-links {
height: 250px;
background-color: #000 !important;
background-image: url(http://i286.photobucket.com/albums/ll88/AnGella_/AnGellaDesigns/Aut...) !important;
background-repeat: no-repeat !important;
background-position: bottom center !important;
background-attachment: scroll !important;
border: 3px solid #361c0d;
-webkit-box-shadow: inset 0px 0px 4px 14px #361c0d !important;
box-shadow: inset 0px 0px 14px 4px #361c0d !important;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px;
text-align: right;
}
.account-links a {
font-family: Constantia, Georgia, Helvetica, FreeSans;
color: #ded846;
font-size: 14px;
}
.account-links a:hover {
color: #813f0b !important;
}
/*End Account Links___Generated@ SkemaholicsAnonymous.com*/
#xn_bar #xn_bar_menu_search_query,
.xg_status .input-container {
background-color: #000;
border: 1px solid #361c0d;
color: #ded846;
}
.input textarea,
input.textfield:focus,
input.password:focus,
input.file:focus,
textarea:focus,
select:focus,
select.quickpost,
#xn_bar input.text {
background-color: #000 !important;
color: #ded846;
}
/* Start Pro Pic Border */
#xg_layout_column_1 .module_user_thumbnail .photo {
margin: 3px;
width:159px !important;
height:159px !important;
border:4px groove #ded846;
-moz-border-radius: 7px;
border-radius: 7px;
-moz-box-shadow: 0 0 3px 3px #ded846;
-webkit-box-shadow: 0 0 3px 3px #ded846;
box-shadow: 0 0 3px 3px #ded846;
}
/* End Pro Pic border */
/* Start Friend Border */
.module_members .xg_module_body li img{
height:35px !important;
width :35px !important;
}
.module_members .xg_module_body li {
display:inline;
height:35px !important;
width :35px !important;
border:4px groove #ded846;
padding: 3px 3px 1px 3px;
margin: 4px;
overflow: center;
-moz-border-radius: 7px;
border-radius: 7px;
-moz-box-shadow: 0 0 3px 3px #000;
-webkit-box-shadow: 0 0 3px 3px #000;
box-shadow: 0 0 3px 3px #000;
}
/* End Friend border */
.xg_span-5 { width: 180px !important }
.xg_ad { width: 800px }
.xg_2col .feed-timestamp {
left: 300px;
top: 4px;
}
.xg_widget_profiles_profile_show .xg_3col .xg_2col .xg_reset img { max-width: 323px }
.xg_widget_profiles_profile_show .xg_3col .xg_2col .comment img { max-width: 295px }
.xg_widget_profiles_profile_show .xg_3col .xg_2col .blogpost img { max-width: 323px }
.xg_widget_profiles_profile_show .xg_3col .xg_2col img { max-width: 323px }
.xg_widget_profiles .xg_2col .module_groups .clist li { margin: 2px }
.xg_span-14,
.xg_span-16 {
width: 600px;
margin-left: 7px;
}
xg_3col first-child { width: 775px }
xg_colgroup last-child { width: 775px }
.xg_colgroup .first-child {
width: 600px;
margin-right: 5px !important;
}
.xg_widget_profiles_profile_show .xg_3col .xg_2col,
.xg_widget_profiles_profile_apps .xg_3col .xg_2col {
padding: 0 5px;
width: 400px !important;
margin-right: 2px;
overflow: hidden;
}
#xg_layout_column_1 {
margin-right: 5px;
width: 183px;
overflow: hidden;
}
.xg_last,
.last-child { margin: 0px }
.xg_span-4,
.xg_span-7 {
width: 185px;
display: inline;
overflow: hidden;
margin-left: -6px;
}
.xg_2col .feed-timestamp {
left: 300px;
top: 4px;
}
embed.xg_slideshow { max-width: 380px ! important }
.input textarea { width: 250px }
.module_about a.button {
margin: 0 0 5px;
text-align: center;
white-space: normal;
width: 143px;
}
#xg_head {
width: 805px !important;
margin: auto;
}
/*Layout Generated @ http://SkemaholicsAnonymous.com*/
ထပ္ရရင္ ရသလိုတင္ေပးပါမယ္  ခင္ဗ်ာ..
လင္းသစ္သူ