Design

MovableType.net (Part 1)

မဂၤလာပါခင္ဗ်ာ။
ကြၽန္ေတာ္ကေတာ့ Spiceworks Myanmar ကုမၸဏီတြင္ Web Designer အျဖစ္ ဝင္ေရာက္ လုပ္ကိုင္လ်က္ရွိေသာ စိုင္းေအာင္ႏိုင္ဦး ျဖစ္ပါတယ္။ ဒီတစ္ပတ္မွာေတာ့ MovableType နဲ႔ ပတ္သက္ၿပီး ေဝမွ်ေပးခ်င္ပါတယ္ခင္ဗ်။

MovableType Introduction ကို မဆုရည္ထြန္းက ေဝမွ်ေပးသြားၿပီျဖစ္သည့္အတြက္ ကြၽန္ေတာ္က ေအာက္ပါ ေခါင္းစဥ္နဲ႔ ဆက္ၿပီး Sharing လုပ္ေပးသြားပါမယ္ဗ်။
1. How to add your exciting code into a Movabletype?
2. How to access a Style CSS?
3. How to upload your file?
အကယ္၍ MovableType Introduction ကို မဖတ္ရေသးပါက ေအာက္ေဖာ္ျပပါ link ကေနမွ ဝင္ေရာက္ဖတ္ရႈႏိုင္ပါတယ္ဗ်။

Introduction of MovableType.net!

How to add your exciting code into a Movabletype?
MovableType Account ကို Create လုပ္ၿပီးပါက Dashboard ကေန Website Create လုပ္ပါ။
Create လုပ္ၿပီးလွ်င္ မိမိ Project Dashboard ကို ေရာက္ပါမယ္။


ၿပီးလွ်င္ Left-Side Menu က Design ကို ဖြင့္ပါ။ Template ကို ႏွိပ္ပါ။


Index page ကို ႏွိပ္ပါ။ Index page သည္ မိမိ ေ႐ြးထားေသာ Theme ရဲ႕ Top Page ျဖစ္ပါတယ္။

ၿပီးလွ်င္ မိမိ ေ႐ြးထားေသာ theme ရဲ႕ html code ေတြ ေတြ႕ရပါမယ္။ ထို code ေတြကို ဖ်က္ပစ္ပါ။

ဖ်က္ၿပီးလွ်င္ မိမိ Local မွ create လုပ္ထားေသာ code ကို index page ထဲသို႔ copy and paste လုပ္ပါ။
Paste လုပ္ၿပီးလွ်င္ ညာဘက္ျခမ္းက Update button ကို ႏွိပ္ပါ။ ၿပီးလွ်င္ Verification Button ကို ႏွိပ္ၿပီး code ကို Run ၾကည့္ပါ။

CSS မခ်ိတ္ရေသးသည့္အတြက္ ပုံတြင္ျပထားသည့္အတိုင္း layout ပ်က္ေနပါမယ္။

How to access a Style CSS? /How to upload your file?
CSS file ခ်ိတ္ဖို႔အတြက္ File Manager ကို ႏွိပ္ပါ။

ၿပီးလွ်င္ Plus Icon ကို ႏွိပ္ၿပီး css folder ကို create လုပ္ပါ။

CSS folder ရလာၿပီဆိုလွ်င္ Plus Icon ကိုႏွိပ္ပါ။ ၿပီးလွ်င္ Browse ကို ထပ္ႏွိပ္ပါ။ မိမိ Local မွ လိုအပ္ေသာ css file ကို Upload လုပ္ေပးပါ။
JS file ႏွင့္ Images မ်ားကိုလည္း ထိုနည္းတူ သူ႔ Folder အလိုက္ Local ကေနမွ Upload လုပ္ေပးပါ။

Page ကို ျပန္ Run ပါက ပုံတြင္ျပထားသည့္အတိုင္း ရပါမယ္။

အခ်ိန္ေပးၿပီး ဖတ္ရႈေပးသည့္အတြက္ ေက်းဇူးတင္ပါတယ္ဗ်။

Hello

Leave a Reply

Your email address will not be published. Required fields are marked *