ကုိယ္ပုိင္ New Blogger Template တစ္ခုဖန္တီးျခင္း
written by mmhelpdesk
at Friday, August 17, 2007
Contributor: ေ၀ယံလင္း
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:New Blogger Template
Post a Comment