Template ေဒါင္းယူျပီး xml ဖိုင္ရယူနည္း ( ဘေလာ့အတြက္ အေရးပါေသာက႑)

 မဂၤလာပါ ဘေလာ့ခရီးသည္ကိုလာေရာက္အားေပးၾကေသာ မိတ္ေဆြအေပါင္းတို႕ ဗ်ားး
ခုတင္မွာေလးကေတာ့ C-Box ကေတာင္းဆိုမွဳေလးျဖစ္သလို ဘေလာ့သမားေတြအတြက္ မသိမျဖစ္
သိထားရမည့္ အေၾကာင္းရာေလးဆိုလည္း မမွားပါဘူးး  ဘေလာ့ေတြမွာ မိမိတို႕ စိတ္ၾကိဳက္
template ေတြ ဒီဇုိင္းလွလွေလးေတြ နဲ႕ျပဳျပင္ဖန္တီးဖို႕ဆိုတာ သည္နည္းလမ္းေလးကို သိကုိထားမွ
ျဖစ္မွာမို႕ပါ...ဒါေၾကာင့္ ေတာင္းဆိုမွဳ အရေရာ..သိသင့္တယ္ထင္တာမို႕ ေစတနာနဲ႕ေရာ သည္နည္းေလးကို  ထေရးျဖစ္တာပါ.... Template ေတြကို ေဒါင္းယူျပီး မိမိဘေလာ့ထဲမွာ စိတ္တိုင္း
က် သြင္းယူတဲ့ နည္းလမ္းေလးဘဲ ျဖစ္ပါတယ္.... အေသးစိတ္ ပုံေလးေတြနဲ႕ တစ္ကြ ေဒါင္းယူနည္း
ေဒါင္းထားေသာ တက္ပလက္ဖိုင္ကေန xml ဖိုင္ေလးယူနည္း ရွင္းျပထားပါတယ္... ေဒါင္းယုံနဲ႕ မရပါ
xml ဖိုင္ေလးကိုသာ မိမိတို႕ ဘေလာ့ထဲကို Upload ထည့္မွသာလွ်င္ လိုျခင္ေသာ တက္ပလက္ ဒီဇိုင္းေတြကို ရရွိမွၾ ျဖစ္ပါေၾကာင္းးးးးးးးးးးးးးးးးး ကဲစမယ္  ေလကရွည္ေနျပီ...ေိေိ....
 ေတာင္းဆိုသူမိတ္ေဆြပါ......
 လကၤာ: တက္ပလက္ အသစ္ေတြကို ေဒါင္းယူနည္းနဲ႕ xml ယူနည္းေလးေရးေပးပါလားဗ်ာ။


ပထမဆုံးအေနနဲ႕  တက္ပလက္ ေဒါင္းလို႕ ရတဲ့ ဆိုဒ္လိပ္စာေလးေပးပါ့မယ္.....

               + တက္ပလက္မ်ားကို     သည္မွာ     ရွာေဖြေဒါင္းယူပါ  ။

               + ေနာက္ထပ္လိုအပ္က     သည္မွာ    ဆက္လက္ရွာေဖြနိဳင္ပါတယ္  ။
ေနာက္ထပ္  လိုအပ္ေသးပါက.... တက္ပလက္ဆိုဒ္ေပါင္းမ်ားစြာရွိပါတယ္...
         http://www.dailybloggertemplates.com/
         http://www.deluxetemplates.net/page/2
         http://www.dhetemplate.com/
         httphtetnaykha.blogspot.com
         http://www.soratemplates.com/
 သည္ဆိုဒ္ေတြဆိုရင္ဘဲ  လုံေလာက္ပါျပီေနာ္  အမ်ားၾကီးးးးကိုရနိုင္လို႕ပါ....
ကဲ တက္ပလက္တစ္ခုကို ေဒါင္းရင္းနဲ႕  ဥပမာ ျပဳတင္ျပလိုက္ပါ့မယ္...

   အဆင့္   (၁)  အေနနဲ႕.......တက္ပလက္ဆိုဒ္ထဲ၀င္လိုက္ပါျပီ


မိမိတို႕ စိတ္ၾကိဳက္ စာမ်က္ႏွာအလုိက္ ေရြးခ်ယ္နိဳင္ပါတယ္... ေရြးခ်ယ္စရာေတြအမ်ားၾကီးးပါေနာ္
စာေတြ ၾကည့္ျပီး လုိအပ္သလို ေရြးနိဳင္ပါတယ္... တက္ပလက္တိုင္းမွာ နာမည္ေလးေတြရွိပါတယ္...
ေသျခာ ၾကည့္လိုက အမည္ကိုကလစ္နိဳင္ပါတယ္... ပုံၾကီးမူရင္းကို ျမင္လိုက Demo ဆိုတာကို ကလစ္ၾကည့္လုိက္ပါ....ေဒါင္းလိုက Download ေပါ့...ခုေတာ့တစ္ခု ေရြးလုိက္ျပီေပါ့..ေအာက္မွာ

  အဆင့္   (၂)  အေနနဲ႕ ဆက္ၾကည့္လိုက္ပါ...........


မိမိေရြးထားေသာ တက္ပလက္ေလးေပါ့... Preview ကိုကလစ္ပါက ဆိုဒ္ၾကီးျမင္ရမယ္...
ကဲ  Download ၾကစို႕ ၾကာေနမယ္..ေနာ္..ေဒါင္းလိုက္ပါျပီဗ်ာ.. ခဏေလးဘဲ ေစာင့္ပါ....စကၠန္႕ပိုင္းမွ်သာ ၾကာမွာပါ....

   အဆင့္  (၃)   အေနနဲ႕ ေဒါင္းထားတဲ့ ဟာေလးျပီးသြားတဲ့အခါမွာေပါ့..


Open floder  ကိုကလစ္ဖြင့္လိုက္ပါ... မဟုတ္လည္း မိမိစက္ထဲ ေဒါင္းေလာ့၀င္တဲ့ ဖိုင္ထဲသြားလုိက္ေပါ့.....သည္လိုေလးေတြ႕မယ္...ေအာက္မွာ....

  အဆင့္  (၄)   ကေတာ့ ေဒါင္းထားတဲ့ တက္ပလက္ ဖြင့္လုိက္ပါ.....


ေတြ႕ျပီေနာ္  ကြ်န္ေတာ္ ဥပမာျပထားတဲ့ တက္ပလက္ေလးက အမည္က music plus ဆိုတဲ့ဟာပါ။
အဲတာေလး မိမိတို႕ ထဲေတြ႕တာနဲ႕  ညာကလစ္ေပးပါ  Extract to musicplus/ ဆိုတာေလးကို ကလစ္ေပးလိုက္ပါ...( မွတ္ခ်က္ ။   ။ musicplus ေနရာမွာ မိမိတို႕ေဒါင္းေသာ template အမည္ပါ)
ကလစ္ျပီးတာနဲ႕  Floder အ၀ါေလးက်လာမွာျဖစ္ပါတယ္.....ေအာက္မွာၾကည့္ပါ

Music Plus ဆိုတဲ့အမည္နဲ႕ Floder အ၀ါေလးပါ...အဲတာေလးကို ဖြင့္လိုက္ပါ... တစ္ခါဖြင့္ယုံနဲ႕ xml ဖိုင္ေလး မေတြ႕ေသးပါက ေတြ႕သည့္တုိင္ ဖိုင္ေလးေတြကို ဆက္ဖြင့္ေပးလိုက္ပါ...ေတြ႕ျပီဆိုတာနဲ႕..

  အဆင့္  (၅)   xml ဖိုင္ေလးကို ေတြ႕ျပီဆိုတာနဲ႕.....ေအာက္မွာ...xml ဖိုင္


ကဲဂ်ာ....ရပါျပီ  xml ဆိုတဲ့ ဖိုင္ေလး...သူဘဲ အဓိကက်တာေလ...သူကဘဲ မိမိတို႕ဘေလာ့ကို
ေျပာင္းလဲေစနိဳင္တာပါဗ်ာ...ဒါေလးရဖို႕အေရးးးးးးးဟူးးးးးးးးးးးးးးးေမာလုိက္ထာ..ေိေိ
အဲတာေလးေတာ့ ေသေသျခာျခာ မီးလုံေသတၱာေလးနဲ႕ သိမ္းက်ေနာ္....ဟိဟိ
Template ခ်ိန္းနည္းကိုေတာ့            သည္ေနရာမွာ    ဆက္လက္ေလ့လာလိုက္ပါေနာ္....။


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

 ေအာင္ေအာင္(မကစ) ပိုင္ဆိုင္ေသာ ေနရာေလးမ်ားကိုလာလည္ၾကပါ။

လယ္တီေျမသား www.ledimyethar.blogspot.com
ဘေလာ့ခရီးသည္ http://aungsanmks.blogspot.com/
ဓမၼဗိမာန္စာေပဆုိဒ္  www.ninilayy.com/

Template အလန္းမ်ား ( ၁ )

ကဲဗ်ာ... ဘေလာ့မိတ္ေဆြမ်ားအတြက္ မိမိတို႕ ဘေလာ့မွာ Template လွလွေလေးတြနဲ႕ ဆန္းျပား
သစ္လြင္ လွပေနေစဖို႕ အလန္းစားတက္ပလက္ေတြကို ရွာေဖြ တင္ေပးလုိက္ပါျပီေနာ္..လိုအပ္သလို
ႏွစ္သက္စြာ ယူေဆာင္သုံးစြဲနိဳင္ၾကပါျပီ

Director Tempalte - For Blogs On Movie Reviews

Movies Director Tempalte

Demo | Download


Magnesiumize - A Gallery Template With Featured Menu

Provogue Blogger Professional Template

Demo | Download
 
 

MoviePlus - Blogger Template For Movie Bloggers

Movie Plus Blogger Template
Demo | Download



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

 ေအာင္ေအာင္(မကစ) ပိုင္ဆိုင္ေသာ ေနရာေလးမ်ားကိုလာလည္ၾကပါ။
လယ္တီေျမသား www.ledimyethar.com
ဘေလာ့ခရီးသည္ http://aungsanmks.blogspot.com/
မွတ္စုစာအုပ္ http://aungsan96.blogspot.com/
 ဓမၼဗိမာန္ http://dhamabimarn.blogspot.com/

Window8 စတုိင္တက္ပလက္ ( Metro UI Blogger Template )

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

                      နမူနာဆိုဒ္                    http://www.shwe-myanmar.net/   ကိုၾကည့္ပါ။


News Magazine Blogger Template


Template Name: Metro UI Blogger Template
Platform: Blogger / Blogspot
Release date : 17, February 2013
Author : www.templateism.com
License : Creative Commons Attribution 3.0

Download                                  Preview

                                                                        

Metro UI is an innovative Windows 8 Style Blogger Template. This theme has a lot of similarities with the Microsoft’s latest operating system Windows 8. This template is ideal for blogging niche like technology, multimedia, entertainment, magazine, and etc. Nonetheless, that’s not all because it is robust enough to be used on any kind of website. By default, this theme has a greenish color scheme. However, you can customize the theme as per the needs. It has some built-in extra-ordinary features like Numbered page navigation, Elegant Menu, 4 column footer, and much more

Features of Metro UI Blogger Template:

  1. Numbered Page Navigation: This is our first theme which has built-in numbered page functionality. It shows numbers instead of older/newer post buttons. It not only increase user engagement but also helps in reducing the bounce rate.

  2. Custom Header: The header of this theme is one of its kinds. It looks a like Windows 8 and has extremely efficient Hover effects. All an all, the colorful header are would surely amaze your readers. 

  3. SEO-Friendly: We have also installed an SEO Plugin in this template, which would surely help you to increase your organic traffic in quick succession. Though, the plugin is not FREE, but it is sponsored by MyBloggerLab.com. Therefore, it is free only for this theme.

  4. Featured Image AREA: Many of our users always complains that slider slows down their blog. Keeping that in mind, we have added a Featured image area instead of sliders. It will only appear on the homepage.
More Features: WordPress Look, Web 2.0, Magazine Style, Green and light orange color Scheme, threaded commenting system, and much more.

How To Customize Header LOGO?

First create an Image Logo of 118px Width and 62px height then Upload it through Picasa Web album or your preferred blogger hosting. Now In order to customize the Logo, you have to first log on to Blogger.com >> your site >> Template >> Edit HTML >> Proceed. Search for the following Image URL and replace it with the image URL of your logo.

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRHc1fqmU400VPJRrVXXl2tNGrzDUHNs7kZUtN9HtQQENuYXVYXVCyLjsh4Gw4-yP_eTwHUNoQxekAF2K9pw9FwBtGx6ZhSujOO0liWHBRNwg6sKfHg92BR5JhbNIPIGEo5jQ7RnZ_AhU/s1600/metro.png

How To Customize Navigation Menus:

Go To Blogger.com >> Template >> Edit HTML >> Proceed. Now search for the following coding in the template. After finding it Replace # with your URLs and Save the template.

Header Navigation:
<!-- Header Nav-->
<a class='mm_home' href='#'>Home</a>
<a class='mm_wishlist' href='#' id='wishlist-total'>Wish List</a>
<a class='mm_account' href='#'>My Account</a>
<a class='mm_checkout' href='#'>Checkout</a>
<a class='mm_account' href='#'>My Account</a> 
Main Navigation Menu :
<ul id='nav'>
<li class='level0 first homelink'><a href='#'><span>Home</span></a></li>
<li class='level0 first homelink'><a href='#'><span>Desktop</span></a></li>
<li class='level0 first homelink'><a href='#'><span>Laptops</span></a></li>
</ul>

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

Blogger Template ဘေလာ့ဂါတန္းပလိတ္ Blogger ခ်စ္သူမ်ားအတြက္ FREE



ဒီ Blogger template ကို Tech in Blogging မွ template အေဟာင္းအျဖစ္ ျမန္မာလူမ်ိဳးေတြအလြယ္တကူ အသံုးျပဳလို႕ရေအာင္ ေ၀မွ်ေပးလိုက္ပါတယ္။ ဒီ တန္းပလိတ္က ရိုးရွင္းၿပီး လူႀကိဳက္မ်ားတဲ့အတြက္ အလြယ္တကူအသံုးျပဳလို႕ရေအာင္ share ေပးလိုက္တယ္။ Download ဆြဲမယ္ဆုိရင္ ဒီေနရာ ကိုကလစ္ၿပီးယူပါ။ အဲ့မွာ အသံုးျပဳနည္းေတြပါေရးေပးထားပါတယ္။ free ေပးထားပါတယ္။ အားလံုး ready made ပါ။
Download => Link 1
ခုလိုအားေပးတဲ့အတြက္ အထူးေက်းဇဴးတင္ပါတယ္... လိုအပ္တာမ်ားရွိပါက.. C-Box မွာေျပာခဲ့ၾကနိဳင္ပါတယ္... အတတ္နိဳင္ဆုံး ၾကိဳးစား ကူညီ မွ်ေ၀သြားပါမည္... ဘေလာ့ခရီးသည္ www.ledimye.blogspot.com 
www.aungsanmks.com 
www.ninilayy.blogspot.com 
တို႕မွာ လည္ပါတ္နိဳင္ပါတယ္.....ေနာ္

Template အလန္းေလး ျဖစ္တဲ့ AndroidMag ဆိုတဲ့ တက္ပလက္ေလး


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

DOWNLOAD                 PREVIEW
အထူးေက်းဇဴးတင္ပါတယ္.. အဆင္မေျပတာမ်ားရွိခဲ့ပါက ဘေလာ့ခရီးသည္ C-BOX မွာ စာခ်န္ျပီး
ေျပာခဲ့နိဳင္ပါတယ္..

Blog Template မ်ား၏ width အား ခ်ဲ႕ျခင္း/ခ်ံဳ႕ျခင္း



အားလုံးမဂၤလာပါခင္ဗ်ာ..။ အေၾကာင္းအေၾကာင္းအမ်ိဳးမ်ိဳးေၾကာင့္ ပုိ႔စ္အသစ္ေတြ မတင္ႏုိင္တဲ့အတြက္ လာလည္ၾကသူ မိတ္ေဆြအေပါင္းအား အလြန္ပဲ အားနာမိပါတယ္ခင္ဗ်ာ..။ အခုလည္း မအားတဲ့ၾကားကပဲ ေတာင္းဆုိထားတဲ့သူမ်ားအတြက္ ဘေလာ့မွာ width ကုိ မိမိတုိ႔လုိသလုိ ခ်ဲ႕ႏုိင္/ခ်ံဳ႕ႏုိင္ေအာင္ ဒီပုိ႔စ္ေလးကုိ ေရးသားလုိက္ရပါတယ္။ မိမိနားလည္သလုိ တင္ျပထားျခင္းျဖစ္တဲ့အတြက္ အားနည္းခ်ိဳ႕ယြင္းခ်က္မ်ားရွိပါက နားလည္ခြင့္လႊတ္ေပးၾကပါလုိ႔ ဦးစြာေတာင္းပန္အပ္ပါတယ္။ လုိအပ္ခ်က္မ်ားရွိခဲ့ရင္လည္း ျဖည့္စြက္ေပးၾကေစလုိပါတယ္။
ဘေလာ့ရဲ႕ width ကုိခ်ဲ႕ျခင္း/ခ်ံဳ႕ျခင္းျပဳလုပ္ဖုိ႔အတြက္ သူ႔ရဲ႕ အေျခခံသေဘာတရားေလးကုိေတာ့ သိဖုိ႔လုိအပ္ပါတယ္။ ဒါမွသာ မိမိတကယ္ ျပင္ဆင္တဲ့အခါ နားလည္လြယ္မွာျဖစ္ပါတယ္။ ဒါေၾကာင့္ Template ကုိ အၾကမ္းဖ်ဥ္းအားျဖင့္ header-wrapper ၊ outer-wrapper နဲ႔ footer ဆုိၿပီး (၃)ပုိင္း ပုိင္းျခားထားေၾကာင္းကုိ သိထားရပါ့မယ္။ အဲဒီ (၃)ပုိင္းစလုံးရဲ႕ width ေတြကလည္း တူညီေနရပါ့မယ္။ ဥပမာ.. header-wrapper ရဲ႕ width က 980px ဆုိရင္ outer-wrapper နဲ႔ footer တုိ႔ရဲ႕ width ေတြကလည္း 980px စီပဲ ရွိၾကရပါမယ့္။ ဒါမွသာ အခ်ိဳးညီလွပတဲ့ Template တစ္ခု ျဖစ္ပါလိမ့္မယ္။


header-wrapper = outer-warpper = footer
အဲဒီ အပုိင္းႀကီး(၃)ပုိင္းအနက္ outer-wrapper အေၾကာင္းကုိ ထပ္ေျပာပါ့မယ္။ outer-warpper ဆုိတာကေတာ့  main-wrapper နဲ႔ sidebar-wrapper ႏွစ္ခုကုိ ေပါင္းထားတာပဲျဖစ္ပါတယ္။ သေဘာကေတာ့ outer-wrapper ရဲ႕ width ဟာ main-wrapper နဲ႔ sidebar-wrapper ႏွစ္ခုေပါင္းတာနဲ႔ ညီပါတယ္။
ဥပမာ...
outer-wrapper = 980px ဆုိပါက..
main-wrapper + sidebar-wrapper = 980px ျဖစ္ရပါမယ္။
outer-wrapper = main-wrapper + sidebar-wrapper (sidebar တစ္ခုသာပါသည့္ template မ်ားအတြက္)
outer-wrapper = main-wrapper + right-sidebar-wrapper + left-sidebar-wrapper (sidebar ႏွစ္ခုပါသည့္ template မ်ားအတြက္)
ဒါေပမယ့္ main-wrapper နဲ႔ sidebar-wrapper ႏွစ္ခုအၾကားမွာေတာ့ margin ေတာ့ထားေပးရပါတယ္။ တစ္ခုနဲ႔တစ္ခု ထိစပ္ေနရင္ ၾကည့္ရတာလည္း အဆင္ေျပမွာမဟုတ္ပါဘူး.။ ဒါေၾကာင့္ margin အတြက္ 30px, 40px.. စသည္ျဖင့္ ထားေပးရပါတယ္။ ေအာက္မွာ ေပးထားတဲ့ နမူနာပုံေလးေတြကုိၾကည့္ၾကပါခင္ဗ်ာ..။


အေပၚကပုံေတြကုိၾကည့္မယ္ဆုိရင္...
Sidebar တစ္ခုသာပါတဲ့ Template အတြက္..
Main + margin + sidebar = outer
640px + 30px + 310px = 980px

Sidebar ႏွစ္ခုပါတဲ့ Template အတြက္
left-sidebar + margin + main + margin + right-sidebar = outer
200px         + 30px   +520px + 30px + 200px             = 980px
ဒါဆုိရင္ေတာ့ Template ရဲ႕အေျခခံသေဘာတရားကုိ နားလည္ေလာက္ၿပီလုိ႔ထင္ပါတယ္။ အခု မိမိတုိ႔ရဲ႕ Template width ေတြကုိ လုိအပ္သလုိျပင္ၾကည့္ၾကရေအာင္..။ မူလက 980px ရွိတဲ့ Sidebar (၂)ခုပါ Template ကုိ 1200px အျဖစ္ ျပင္ၾကည့္ပါမယ္..။ 
မိမိတုိ႔ရဲ႕ဘေလာ့မွာ sign in လုပ္ၿပီး Design ေအာက္က Edit HTML ကုိသြားပါ။ ထုံးစံအတုိင္း Download Full Template လုပ္ၿပီး မိမိတုိ႔ရဲ႕ ဘေလာ့ကုိ backup လုပ္ထားလုိက္ပါ။




Ctrl + F နဲ႔ “#header-wrapper”, “#outer-wrapper”, “#main-wrapper”, and “#footer” ဆုိတဲ့ code ေတြကုိရွာပါ..

#header-wrapper {
width:980px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}

#outer-wrapper {
width: 980px;
margin:0 auto;
padding:10px;
text-align:left;
font: $bodyfont;
}

#main-wrapper {
width: 520px;
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#right-sidebar-wrapper {
width: 200px;
float: right;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#left-sidebar-wrapper {
width: 200px;
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

#footer {
width:980px;
clear:both;
margin:0 auto;
padding-top:15px;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:.1em;
text-align: center;
}
980px ရွိတဲ့ Template ကုိ 1200px အထိခ်ဲ႕မွာ ျဖစ္တဲ့အတြက္ အေပၚက code ေတြထဲက header-wrapper, outer-wrapper, footer တုိ႔ရဲ႕ width ေတြကုိ 1200px လုိ႔ျပင္လုိက္ပါ့မယ္။


outer-wrapper ရဲ႕ width ဟာ 1200px ျဖစ္သြားၿပီးျဖစ္တဲ့အတြက္ main-wrapper နဲ႔ sidebar (2)တုိ႔ရဲ႕ width စုစုေပါင္းကုိလည္း 1200px ျဖစ္ေအာင္ ျပင္ေပးရပါ့မယ္။ sidebar ေတြရဲ႕ width ဟာ မိမိဘေလာ့ရဲ႕ လုိအပ္ခ်က္နဲ႔ ကုိက္ညီၿပီးသားဆုိရင္ေတာ့ ျပင္စရာမလုိပါဘူး။ အကယ္၍ မကုိက္ဘူးဆုိရင္ေတာ့ ေျပာင္းေပးႏုိင္ပါတယ္။ မူလ sidebar ရဲ႕ 200px ကုိ 220px အထိ္ခ်ဲ႕ခ်င္တယ္ ဆုိပါစုိ႔ ။ ဒါဆုိရင္ 1200 ထဲက ေန margin (၂)ခုအတြက္ 60 (30px + 30px) ကုိဖယ္ၿပီး ေအာက္ပါအတုိင္းေျပာင္းေပးရပါမယ္။ ဒါမွသာ စုစုေပါင္း 1200 px ျဖစ္ပါလိမ့္မယ္။

main-wrapper=700px
left-sidebar=220px
right-sidebar =220px

အားလုံး ေျပာင္းၿပီးသြားရင္ေတာ့ save မလုပ္ေသးဘဲ preview အရင္ၾကည့္ပါ။ အဆင္ေျပတယ္ဆုိမွသာ Save လုပ္ပါ။
Template ခ်ဲ႕ျခင္း/ခ်ံဳ႕ျခင္းအတြက္ကေတာ့ ဒီေလာက္ဆုိရင္ အနည္းငယ္ အေထာက္အကူျဖစ္ၿပီလုိ႔ ယူဆပါတယ္။ မရွင္းလင္းတဲ့အခ်က္အလက္မ်ားရွိရင္လည္း ေဆြးေႏြးေမးျမန္းႏုိင္ၾကပါတယ္။ တစ္လက္စတည္း ဒီပုိ႔စ္ေလးနဲ႔ ဆက္စပ္ေနတဲ့ မိမိတုိ႔ဘေလာ့ header banner ပုံေလးကုိ မိမိတုိ႔စိတ္ႀကိဳက္ ပုံေလးေတြနဲ႔ အစားထုိးတဲ့အေၾကာင္းကုိ ေျပာခ်င္ပါတယ္။ အခ်ိဳ႕ေသာ ဘေလာ့ေတြမွာ Header Banner ပုံေတြ အခ်ိဳးမက်တာကုိ ေတြ႕ေနရပါတယ္။ ဘာေၾကာင့္လဲဆုိေတာ့ မိမိဘေလာ့ Header ရဲ႕ width နဲ႔ မိမိအစားသြင္းမယ့္ banner ပုံရဲ႕ width တုိ႔ မကုိက္ညီတာေၾကာင့္ပဲျဖစ္ပါတယ္။ ဒါေၾကာင့္ မိမိဘေလာ့ရဲ႕ Header width က 1200px ဆုိရင္ မိမိအစားသြင္းမယ့္/အသုံးျပဳလုိတဲ့ Header image ရဲ႕ width ကုိလည္း 1200px ျဖစ္ေအာင္ photoshop လုိ image editor တစ္ခုခုကုိအသုံးျပဳႏုိင္ၾကပါတယ္။ အားလုံးအဆင္ေျပ ေပ်ာ္ရႊင္ခ်မ္းေျမ့ၾကပါေစခင္ဗ်ာ.......။

Guest post by - IT-Traveller
ေအာင္ေအာင္(မကစ) ရဲ႕ ဘေလာ့ခရီးသည္ေလးအား အားေပးေနၾကတဲ့အတြက္ ေက်းဇဴးအထူးတင္ပါတယ္.. တုန္႕ျပန္မွဳအေနနဲ႕ fb like ေလးေတာ့ လုပ္ေပးခဲ့ၾကပါေနာ္.. တတ္စြမ္းသမွ် ေတြ႕ ရွိသမွ်ေလးေတြကို ျပန္လည္ မွ်ေ၀ေနပါ့မယ္...။ အဆင္မေျပတာမ်ားရွိခဲ့ပါက...cbox မွာ ေျပာခဲ့ၾကပါေနာ္..
<<<မန္ဘာ၀င္ျပီး...Fb Like ျခင္းျဖင့္ အားေပးၾကပါေနာ္>>>
ဘေလာ့ခရီးသည္   ပိုင္ဆိုင္ေသာ ေနရာေလးမ်ားကိုလာလည္ၾကပါ။

www.aungsanmks.com 
www.ledimye.blogspot.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*/
ထပ္ရရင္ ရသလိုတင္ေပးပါမယ္  ခင္ဗ်ာ..
လင္းသစ္သူ