ကုိယ္ပုိင္ New Blogger Template တစ္ခုဖန္တီးျခင္းNew Blogger Template ကိုကုိယ္တိုင္ ေရးၾကည့္ခ်င္ေနတာ ၾကာၿပီ။ နည္းသိသြားေတာ့လည္း သိပ္မခက္ခဲလွပါဘူး။ ကိုယ့္ဘာကိုယ္ ကလိခ်င္တဲ့လူေတြအတြက္ တင္ေပးလိုက္ပါတယ္။ ဒါဆို ကိုယ္ႀကိဳက္တဲ့ တန္းပလိတ္ကို ကိုယ့္ဘေလာ့မွာ သံုးလို႔ရၿပီေပါ့။
အရိုးရွင္းဆံုး CSS မပါတဲ့ ဟာကေန စရင္ အရမ္းလြယ္ပါတယ္။
ရိုးရိုး XHTML တန္းပလိတ္တစ္ခုက ေဟာဒီလို ရွိပါလိမ့္မယ္။
အားလံုးအဆင္ေျပႀကပါေစခင္ဗ်ာ ....
ဒီေနရာမွ post ေလးကို ျပန္လည္ေဖာ္ျပပါသည္ ....
အဲဒါကို XML ျဖစ္ေအာင္ ေဟာဒီကုဒ္ေတြ ေျပာင္းေပးလိုက္ပါ။
ဒီေနရာမွာ
အစား
ဆိုတာကို အစားထုိးလိုက္တာ သတိထားပါ။ ခုဆိုရင္ XML New Blogger Template ျဖစ္သြားပါၿပီ။ ဒါေပမယ့္ ဘာမွမရွိေသးပါဘူး။ ဒီတန္းပလိတ္ထဲကို Blogger Widgets ေလးေတြ ထည့္လိုက္ရေအာင္။ <body> နဲ႔ </body> ၾကားမွာ ေအာက္က ကုဒ္ေတြကို ထည့္လိုက္ပါ။
ဒါဆိုရင္ေတာ့ ဒီတန္းပလိတ္ကို upload လုပ္လို႔ရပါၿပီ။ ဒါေပမယ့္ ဘာေလးေအာက္မွ မရွိပါဘူး။ Layout အတြက္ CSS နဲ႔ လုပ္ရင္ ရပါၿပီ။
အရိုးရွင္းဆံုး CSS မပါတဲ့ ဟာကေန စရင္ အရမ္းလြယ္ပါတယ္။
ရိုးရိုး XHTML တန္းပလိတ္တစ္ခုက ေဟာဒီလို ရွိပါလိမ့္မယ္။
အားလံုးအဆင္ေျပႀကပါေစခင္ဗ်ာ ....
ဒီေနရာမွ post ေလးကို ျပန္လည္ေဖာ္ျပပါသည္ ....
<!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 နဲ႔ လုပ္ရင္ ရပါၿပီ။
Posted by
Labels:
0 comments:
Post a Comment