Monday, April 02, 2007

Creating New Blogger Template

New Blogger Template ကိုကုိယ္တိုင္ ေရးၾကည့္ခ်င္ေနတာ ၾကာၿပီ။ နည္းသိသြားေတာ့လည္း သိပ္မခက္ခဲလွပါဘူး။ ကိုယ့္ဘာကိုယ္ ကလိခ်င္တဲ့လူေတြအတြက္ တင္ေပးလိုက္ပါတယ္။ ဒါဆို ကိုယ္ႀကိဳက္တဲ့ တန္းပလိတ္ကို ကိုယ့္ဘေလာ့မွာ သံုးလို႔ရၿပီေပါ့။

အရိုးရွင္းဆံုး CSS မပါတဲ့ ဟာကေန စရင္ အရမ္းလြယ္ပါတယ္။

ရိုးရိုး XHTML တန္းပလိတ္တစ္ခုက ေဟာဒီလို ရွိပါလိမ့္မယ္။

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title></title>
<style type="text/css">
<!-- some css styling here -->
</style>
</head>
<body>

<div id='container'>
<div id='header'> </div>
<div id='main'> </div>
<div id='sidebar1'> </div>
<div id='sidebar2'> </div>
<div id='footer'> </div>
</div>

</body>
</html>


အဲဒါကို XML ျဖစ္ေအာင္ ေဟာဒီကုဒ္ေတြ ေျပာင္းေပးလိုက္ပါ။

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[/*
*/
<!-- some css styling here -->
]]></b:skin>
</head>
<body>

<div id='container'>
<div id='header'> </div>
<div id='main'> </div>
<div id='sidebar1'> </div>
<div id='sidebar2'> </div>
<div id='footer'> </div>
</div>

</body>
</html>


ဒီေနရာမွာ

<style type="text/css">
<!-- some css styling here -->
</style>


အစား

<b:skin><![CDATA[/*
*/
<!-- some css styling here -->
]]></b:skin>


ဆိုတာကို အစားထုိးလိုက္တာ သတိထားပါ။ ခုဆိုရင္ XML New Blogger Template ျဖစ္သြားပါၿပီ။ ဒါေပမယ့္ ဘာမွမရွိေသးပါဘူး။ ဒီတန္းပလိတ္ထဲကို Blogger Widgets ေလးေတြ ထည့္လိုက္ရေအာင္။ <body> နဲ႔ </body> ၾကားမွာ ေအာက္က ကုဒ္ေတြကို ထည့္လိုက္ပါ။

<!-- begin container -->
<div id='container'>

<!-- begin header -->
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='' type='Header'/>
</b:section>
<!-- end header -->

<!-- begin main -->
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section>
<!-- end main -->

<!-- begin sidebar1 -->
<b:section class='sidebar' id='sidebar1'/>
<!-- end sidebar1 -->


<!-- begin sidebar2 -->
<b:section class='sidebar' id='sidebar2'/>
<!-- end sidebar2 -->

<!-- begin footer -->
<b:section class='footer' id='footer'/>
<!-- end footer -->

</div>
<!-- end container -->



ဒါဆိုရင္ေတာ့ ဒီတန္းပလိတ္ကို upload လုပ္လို႔ရပါၿပီ။ ဒါေပမယ့္ ဘာေလးေအာက္မွ မရွိပါဘူး။ Layout အတြက္ CSS နဲ႔ လုပ္ရင္ ရပါၿပီ။




Technorati:

7 comments:

သဥၨာ said...

ေတာ္တီးတီးေတာ္… ဒီလိုရွင္းျပလိုက္ေတာ့လည္း ရွင္းသြားေရာ။ မဟုတ္ရင္ အဲဒီကုဒ္ေတြ ၾကည့္ရင္း မူးမူးလာလို့။

Yan said...

ေတာ္လုိက္တာ ကုိေ၀ယံၾကီးရာ... အားကုိးရတယ္..

Wai Yan said...

ဟ..ဟ မလုပ္ၾကပါနဲ႔။ ကၽြန္ေတာ္လည္း ဖတ္မိတာေလးေတြ ျပန္ေရးေနတာပါ။ ဘာမွေတာ့ သိပ္မဟုတ္ေသးဘူးဗ်။

ညေလး said...

ကိုေ၀ယံႀကီး New Blogger Template ကို ေသခ်ာဖတ္ၾကည့္ၿပီး ကူးသြားမွာစိုးလို႔ ေဖ်ာက္ထားတာလား အေရာင္ေလး ေျပာင္းလိုက္ပါလား အ၀ါခံေပၚ အျဖဴေပးထားေတာ့ ဖတ္မရဘူး

Wai Yan said...

ေက်းဇူးပဲ အန္တီညေလး။ ကၽြန္ေတာ္ ျပင္လိုက္ပါၿပီခင္ဗ်ာ။ :)

mmhelpdesk said...

http://mmbloggershelpdesk.blogspot.com/2007/08/new-blogger-template.html

မွာေဖာ္ျပခြင္႔ျပဳပါလုိ႔ ေမတၱာရပ္ခံပါတယ္ ခင္ဗ်ာ...

Wai Yan said...

ဟုတ္ကဲ့။ ရပါတယ္ ခင္ဗ်ာ။ အမ်ားအက်ိဳးရွိမဲ့ေနရာေတြမွာ ႀကိဳက္သလို အသံုးျပဳႏိုင္ပါတယ္။