ช่วยบอก วิธี ปรับธีม HTML หน่อย ครับ ทำไห้ มันเป็นระเบียบ อ่ะครับ

<?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 expr:dir='data:blog.languageDirection' 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'/>
<b:if cond='data:blog.pageName == ""'>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/> | <data:blog.title/></title>
</b:if>
<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style

Name : Shopping Cart
Author : Franklin Manuel, Rethnaraj Rambabu
URL : http://www.bloggermint.com/

Date : May 2011

License: This free Blogger template is licensed under the Creative Commons Attribution 3.0 License, which permits both personal and commercial use.
However, to satisfy the 'attribution' clause of the license, you are required to keep the footer links intact which provides due credit to its authors. For more specific details about the license, you may visit the URL below:
http://creativecommons.org/licenses/by/3.0/

----------------------------------------------- */

/* Variable definitions
====================
<Variable name="bgcolor" description="Page Background Color"
type="color" default="#fff" value="#d8b877">
<Variable name="textcolor" description="Text Color"
type="color" default="#333" value="#000000">
<Variable name="linkcolor" description="Link Color"
type="color" default="#58a" value="#ff6600">
<Variable name="pagetitlecolor" description="Blog Title Color"
type="color" default="#666" value="#ffffff">
<Variable name="descriptioncolor" description="Blog Description Color"
type="color" default="#999" value="#ffffff">
<Variable name="titlecolor" description="Post Title Color"
type="color" default="#c60" value="#ff6600">
<Variable name="bordercolor" description="Border Color"
type="color" default="#ccc" value="#cccccc">
<Variable name="sidebarcolor" description="Sidebar Title Color"
type="color" default="#999" value="#ffffff">
<Variable name="sidebartextcolor" description="Sidebar Text Color"
type="color" default="#666" value="#d3ad66">
<Variable name="visitedlinkcolor" description="Visited Link Color"
type="color" default="#999" value="#ff6600">
<Variable name="bodyfont" description="Text Font"
type="font" default="normal normal 100% Georgia, Serif" value="normal normal 100% Arial, Verdana, Tahoma,San-serif">
<Variable name="headerfont" description="Sidebar Title Font"
type="font"
default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif">
<Variable name="pagetitlefont" description="Blog Title Font"
type="font"
default="normal normal 200% Georgia, Serif" value="normal normal 200% Georgia, Serif">
<Variable name="descriptionfont" description="Blog Description Font"
type="font"
default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
<Variable name="postfooterfont" description="Post Footer Font"
type="font"
default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
<Variable name="startSide" description="Side where text starts in blog language"
type="automatic" default="left" value="left">
<Variable name="endSide" description="Side where text ends in blog language"
type="automatic" default="right" value="right">
*/

/* Use this with templates/template-twocol.html */
#navbar-iframe {display:none;}

body {
color: black;
font: 14px/1.6 Arial,Verdana,sans-serif;
margin: auto;
width: 940px;
}

a, a:link, a:active {
color: #555;
text-decoration: none;
}

a:visited {
text-decoration:none;
}
a:hover {
color: #111;
text-decoration:underline;
}
a img {
border-width:0;
}

/* Header
-----------------------------------------------
*/

#header-wrapper {
height: 140px;
margin: 0 auto;
width: 940px;
}

#header {
text-align: left;
color:$pagetitlecolor;
overflow: hidden;
height:140px;
width: 400px;
float:left;
}

#header h1 {
color: #000000;
font-size: 40px;
font-weight: bold;
line-height: 1.2em;
margin:40px 0 40px;
}

#header a {
text-decoration:none;
}

#header a:hover {
}

#header .description {
display:none;
}

#header img {
margin: 40px 0;
}

#topads {
width:480px;
overflow:hidden;
float:right;
padding-bottom:33px;
padding-top:35px;
}

/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
width: 100%;
margin:0 auto;
text-align:$startSide;
}

#content-wrapper {
margin: 0 auto;
overflow: hidden;
width: 960px;
}

#main-wrapper {
float: left;
width: 715px;
margin: 8px 0 0;
float: $startSide;
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 */
}

#sidebar-wrapper {
width: 225px;
float: left;
margin:8px 0 0;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
}

/* Navigation
-----------------------------------------------
*/

#navigation {
background: none repeat scroll 0 0 #555555;
border-radius: 20px 20px 20px 20px;
-moz-border-radius: 20px 20px 20px 20px;
-webkit-border-radius: 20px 20px 20px 20px;
clear: both;
display: block;
height: 22px;
margin-bottom: 15px;
padding: 10px;
}

#navigation h2 {
display: none;
}
#navigation ul {
margin:0;
padding:0;
list-style:none;
}

#navigation li {
   float: left;
   list-style: none;
   padding: 0 30px;

}

#navigation li a {
   color: white;
font-weight:bold;
   text-decoration: none;
}

/* Posts
-----------------------------------------------
*/

h2.date-header {
margin:1.5em 0 .5em;
}

.post {
padding: 15px;
width: 660px;
}
.post .jump-link {
display:none;
}
.post h3 {
line-height: 30px;
margin: 0 0 20px;
padding: 0 0 5px;
}

.post h3 a, .post h3 a:visited, .post h3 strong {
font-size:30px;
font-weight:bold;
}

.post h3 strong, .post h3 a:hover {
text-decoration:none;
}

.post-body {
margin:0 0 .75em;
line-height:1.6em;
}

.post-body blockquote {
line-height:1.3em;
}

.post-footer {
padding:5px;
}

.post img {
padding:4px;
max-width:580px;
}
.post blockquote {
margin:1em 20px;
}
.post blockquote p {
margin:.75em 0;
}

/* Comments
----------------------------------------------- */

#comments {
width: 675px;
}

#comments h4 {
margin:1em 0;
font-weight: bold;
font-size:20px;
line-height: 1.4em;
}
#comments a {
font-weight:bold;
}
#comments-block {
margin:1em 0 1.5em;
line-height:1.6em;
}
#comment-box{
border-bottom: 1px dashed #D9D9D9;
margin-bottom: 10px;
padding: 10px;
}
#comments-block .comment-author {
margin:.5em 0;
padding:4px;
}

#comments-block .avatar-image-container img {
}

#comments-block .comment-body {
margin-top: -10px;
padding:4px;
}
#comments-block .comment-footer {
margin:-.25em 0px 0;
line-height: 1.4em;
text-transform:uppercase;
padding:4px;
}
#comments-block .comment-body p {
margin:0 0 .75em;
}
.deleted-comment {
font-style:italic;
color:gray;
}
.navigation {
clear: both;
font-size: 1em;
font-weight: bold;
margin-bottom: 50px;
padding: 5px;
width: 685px;
}

#blog-pager-newer-link {
float: left;
clear:both;
}

#blog-pager-older-link {
float: right;
}

#blog-pager {
text-align: center;
margin:0 auto;
}

.feed-links {
clear: both;
line-height: 2.5em;
}

/* Sidebar Content
----------------------------------------------- */

#sidebar {
width: 100%;
}

.sidebar {
line-height: 1.5em;
}
.sidebar h2 {
border-bottom: 1px dashed #d9d9d9;
color: #000000;
font-size: 18px;
font-weight: bold;
margin: 0 0 12px;
padding-bottom: 10px;
text-align: center;
}
.sidebar a {

}
.sidebar ul {
list-style:none;
margin:0 0 0;
padding:0 0 0;
}
.sidebar li {
display: block;
line-height: 1.3em;
margin-bottom: 5px;
text-decoration: none;
}

.sidebar li a {

}

.sidebar li a:hover {

}

.sidebar .widget, .main .widget {
margin:0 ;
padding:0;
}

.sidebar .widget {
margin: 0 0 15px;
border: 1px solid #d9d9d9;
border-radius: 10px 10px 10px 10px;
   -moz-border-radius: 10px 10px 10px 10px;
   -webkit-border-radius: 10px 10px 10px 10px;
float: left;
padding: 10px;
width:205px;
}

.main .Blog {
border-bottom-width: 0;
}

/* Profile
----------------------------------------------- */
.profile-img {
float: $startSide;
margin-top: 0;
margin-$endSide: 5px;
margin-bottom: 5px;
margin-$startSide: 0;
padding: 4px;
border: 1px solid $bordercolor;
}

.profile-data {
margin:0;
text-transform:uppercase;
letter-spacing:.1em;
font: $postfooterfont;
color: $sidebarcolor;
font-weight: bold;
line-height: 1.6em;
}

.profile-datablock {
margin:.5em 0 .5em;
}

.profile-textblock {
margin: 0.5em 0;
line-height: 1.6em;
}

.profile-link {
font: $postfooterfont;
text-transform: uppercase;
letter-spacing: .1em;
}
/* Footer
----------------------------------------------- */

#footer-wrapper {
clear:both;
overflow:hidden;
width:100%;
border: 1px solid #d9d9d9;
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
}

#footer {
font-size:14px;
margin:0 auto;
text-align:left;
width:960px;
padding-left:20px;
}

#footer-wrapper .widget {
float:left;
margin:10px;
width:185px;
padding:0px 10px 20px;
}

#footer-wrapper .widget-content {
}

#footer-wrapper ul li {

}

#footer-wrapper ul li:hover {
}

#footer-wrapper ul {
padding-bottom:2px;
list-style:none outside none;
margin:0;
padding:0;
}

#footer-wrapper a {

}

#footer-wrapper a:hover {

}

#footer-wrapper h2 {
border-bottom: 1px dashed #d9d9d9;
color: #000000;
font-size: 18px;
font-weight: bold;
margin: 0 0 12px;
padding-bottom: 10px;
text-align: center;
}

#credits {
padding:12px 0;
width: 940px;
margin: 1px auto;
color: #868686;
position: relative;
font-size: 11px
}

#bottomLinks {
float: right;
width: 450px
}

/* Simple Cart
----------------------------------------------- */

#add-to-cart-widget {
border: 1px solid #d9d9d9;
border-radius: 10px 10px 10px 10px;
   -moz-border-radius: 10px 10px 10px 10px;
   -webkit-border-radius: 10px 10px 10px 10px;
float: left;
margin: 0 0 18px;
padding: 10px;
width: 205px;
}

#add-to-cart-widget h2 {
font-size: 100%;
font-weight: normal;
margin: 0 0 10px;
text-align: center;
}

.item_name{}

.item_Description{
}

.hidden_value {display:none;}

.item_thumb {
padding: 10px;
}

.item_price{
   display: block;
width: 100px;
height: 20px;
position: absolute;
bottom: 7px;
padding:5px 10px;
left:10px;
color:#000;
font-size:13px;
text-align:left;
border: 0 none;
}

.simpleCart_items {
border: 1px dashed #D9D9D9;
font-size: 80%;
min-height: 120px;
padding: 10px;
display: block;
margin-left: 0 auto 10px;
overflow:hidden;
}

.simpleCart_items img {
padding: 2px;
      border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px solid #D9D9D9;
text-align: left;
width:40px !important;
height:40px !important;
}

.cartHeaders{
display:none;
}

.itemContainer{
   float:left;
   width:175px;
   text-align:center;
   display: block;
   position:relative;
   bottom:0;
}

.itemname{
   font:bold 11px "Helvetica", Arial, sans-serif;
   color:#000;
   text-transform:uppercase;
}

.itemthumb{
float: left;
margin: 0;
width: 58px;
}

.itemQuantity{
float: left;
margin: 6px 0;
width: 35px;
}

.itemQuantity input{
     border: medium none;
color: #000000;
float: left;
font: bold 11px Arial,sans-serif;
height: 22px;
padding: 5px 10px;
text-align: center;
width: 35px;
}

.itemQuantity input:focus{
   outline:none;
}

.itemremove a {
color: red;
float: left;
font-weight: bold;
margin: 12px 0 0 10px;
}

.itemTotal{
color: #000000;
float: left;
font: bold 11px Arial,sans-serif;
margin: 15px 0 0 10px;
padding: 0;
text-align: right;
width: 55px;
}

#cartTotal {
font-style: normal;
font-size:13px;
text-align:center;
font-weight:bold;
margin: 10px 0;
}
#cartTotal .simpleCart_total {
font-weight:normal;
}
a.simpleCart_empty{
background: none repeat scroll 0 0 #D9D9D9;
border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
color: black;
display: block;
font-size: 14px;
padding: 10px;
text-align: center;
text-decoration: none;
color:#000;
float: left;
width: 72px;
margin: 0 15px 0 0;
}

a.simpleCart_empty:hover {
background:#333;
color:white;
}

.cartbuttons {
margin: 10px 0 0 0;
}

a.simpleCart_checkout {
background: none repeat scroll 0 0 #D9D9D9;
border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
color: black;
display: block;
font-size: 14px;
padding: 10px;
text-align: center;
text-decoration: none;
color:#000;
float: left;
width: 72px;
}

a.simpleCart_checkout:hover {
background:#333;
color:white;
}

a.item_add{
bottom: 7px;
color: #000000;
display: block;
font-size: 13px;
font-weight: bold;
position: absolute;
right: 15px;
width: 120px;
}

input.item_add{
bottom: 9px;
font-size: 11px;
position: absolute;
right: 15px;
width: 90px;
}

#checkout{
   background: #D9D9D9;
   padding: 10px;
   color: black;
   text-decoration: none;
   font-size: 80%;
   display: block;
   text-align: center;
   -moz-border-radius: 5px; /* firefox rounded corner top left */
   border-radius: 5px; /* firefox rounded corner top left */
   -webkit-border-radius: 5px; /* Safari 3 rounded corner top left */
}

#checkout:hover{
   background: #333333;
   color: white;
}

]]></b:skin>

<b:if cond='data:blog.pageType == "item"'>
<style>

.post table {
border-collapse: collapse;
border-spacing: 0;
border: 1px solid #D9D9D9;
text-align: left;
width: 100% !important;
}

.post table th {
border-color: #D9D9D9;
text-align: center;
padding: 5px 0;
font-weight:bold;
}

.post table td {
border-color: #D9D9D9;
padding: 0 10px;
width: 55% !important;
word-wrap: break-word;
}

.post table th:first-child {

}

.post table td:first-child {

}

.post #thumb img {
margin: 0 auto;
max-height: 300px;
max-width: 300px;
}

.item_price {
bottom: 0;
height: auto;
left: 0;
margin-top: 5px;
padding: 0;
position: relative;
top: 0;
}

input.item_add {
font-size: 17px;
height: 40px;
margin: 5px 0 0 140px;
position: relative;
width: 120px;
}
</style>
</b:if>

<b:if cond='data:blog.pageType != "item"'>
<style>

.post{
   border: 1px solid #D9D9D9;
   padding: 10px;
   list-style: none;
   width: 200px;
   float: left;
   margin-right: 16px;
   margin-bottom: 16px;
   text-align: center;
   border-radius: 10px;
   -moz-border-radius: 10px; /* firefox rounded corner top left */
   -webkit-border-radius: 10px; /* Safari 3 rounded corner top left */
   height: 260px;
display:inline;
float:left;
overflow:hidden;
position:relative;
}

.post:hover {
   border: 1px solid #999;
}
.post-footer {
display:none;
}

.comment-link {
top:13px;
left:235px;
position:absolute;
background: #60432E;
padding:5px 15px;
}
.post-comment-link a {
color:#fff;
}
.post-comment-link a:hover {
text-decoration:none;
}
.post img {height:170px;border:0 none; background:none;}

.post h3{ border: 0 none;
line-height: 13px;
margin: 0px 0 10px;
padding: 5px;
}

.post h3 a, .post h3 a:visited, .post h3 strong {
color: #000000;
font-size: 16px;
font-weight: normal;
text-align: center;
text-shadow: none;
line-height:20px;
}

.post-labels{font-size:12px;background:rgba(96,68,45,0.5);border:0 none;position:absolute;}

.post-author{display:none;}

.post-body{ height: 230px;
overflow: hidden;
padding: 5px;
width: 190px;
}

</style>
</b:if>

<b:if cond='data:blog.pageType == "static_page"'>
<style>
.post:hover {
   border: 0 none;
}
.post-footer {
display:block;
}

.comment-link {
top:13px;
left:235px;
position:absolute;
background: #60432E;
padding:5px 15px;
}
.post-comment-link a {
color:#fff;
}
.post-comment-link a:hover {
text-decoration:none;
}
.post img {height:auto;border:0 none; background:none;}

.post h3 {
line-height: 30px;
margin: 0 0 20px;
padding: 0 0 5px;
}

.post h3 a, .post h3 a:visited, .post h3 strong {
font-size:30px;
font-weight:bold;
}

.post h3 strong, .post h3 a:hover {
text-decoration:none;
}

.post-labels{font-size:12px;background:none;border:0 none;position:relative;}

.post-author{display:block;}

.post-body{ height: auto;
overflow: hidden;
padding: 25px 25px 0 0;
width: 675px;
}

.post {
border: 0 none;
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
display: inline;
float: none;
height: auto;
list-style: none outside none;
margin-bottom: 0;
margin-right: 0;
overflow: hidden;
padding: 15px;
width: 660px;
position: relative;
text-align: left;
}

</style>
</b:if>

<script type='text/javascript'> var thumbnail_mode = "no-float" ; summary_noimg = 0; summary_img = 0; img_thumb_height = 170; img_thumb_width = 180; </script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i ){
if(s.indexOf(">")!=-1){
s = s.substring(s.indexOf(">") 1,s.length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop ;
strx = strx.substring(0,chop-1);
return strx '...';
}
function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
if(img.length<=0) {
imgtag = '<span style="float:left;margin: 0px 0 0 0 !important;"><img src="http://1.bp.blogspot.com/_ubwI.../Yhe3vqJN9m0/s1600/nothumb.gif " width="' img_thumb_width 'px" height="' img_thumb_height 'px" /></span>';
var summ = summary_noimg;
}
if(img.length>=1) {
imgtag = '<span style="float:left;margin: 0px 0 0 0 !important;"><img src="' img[0].src '" width="' img_thumb_width 'px" height="' img_thumb_height 'px" /></span>';
summ = summary_img;
}
var summary = imgtag '<div>' removeHtmlTag(div.innerHTML,summ) '</div>';
div.innerHTML = summary;
}

//]]>
</script>
<script src='http://shopppingcart.googlecode.com/files/simplecart.js' type='text/javascript'/>
<script type='text/javascript'>
simpleCart.email = "bloggermint@gmail.com";
simpleCart.checkoutTo = PayPal;
simpleCart.currency = USD;

simpleCart.cartHeaders = ["thumb_image" , "Quantity_input" , "Total", "remove" ];

</script>

</head>

<body>

<span id='skiplinks' style='display:none;'>
<a href='#main'>skip to main </a> |
<a href='#sidebar'>skip to sidebar</a>
</span>

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='konlukbeautyshop (ส่วนหัว)' type='Header'/>
</b:section>

<div id='topads'>
<b:section class='adslot' id='adslot' maxwidgets='1' preferred='yes'>
<b:widget id='HTML10' locked='true' title='' type='HTML'/>
</b:section>
</div>

</div>

<div id='navigation'>
<b:section class='nav' id='nav' showaddelement='no'>
<b:widget id='PageList1' locked='true' title='Pages' type='PageList'/>
</b:section>
</div>

<div class='clear'/>
<div id='content-wrapper'>

<div id='crosscol-wrapper' style='text-align:center'>
<b:section class='crosscol' id='crosscol' showaddelement='no'/>
</div>

<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='บทความบล็อก' type='Blog'/>
</b:section>
</div>

<div id='sidebar-wrapper'>

<div class='clear'/>

<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='HTML1' locked='false' title='' type='HTML'/>
<b:widget id='Label1' locked='false' title='Labels' type='Label'/>
<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/>
</b:section>
</div>


<div class='clear'> </div>

</div>

<div id='footer-wrapper'>
<b:section class='footer' id='footer' showaddelement='yes'>
<b:widget id='Label6' locked='false' title='Labels' type='Label'/>
<b:widget id='Label5' locked='false' title='Labels' type='Label'/>
<b:widget id='Label4' locked='false' title='Labels' type='Label'/>
<b:widget id='Label7' locked='false' title='Labels' type='Label'/>
</b:section>
</div>




   <div id='credits'>
       2011 <data:blog.title/> | <a href='http://www.bloggermint.com/' target='_blank'>Blogger Templates</a> for <a href='http://www.over50onlinedating....ocal/over-50-chat?re=home' target='_blank'>Over 50 Chat</a>
      <span id='bottomLinks'>
<b>Sponsors:</b> <a href='http://www.shortpeopleclub.com/' target='_blank'>Short People Club</a>, <a href='http://www.mechanicalengineerj...mechanical_engineer-jobs/' target='_blank'>Michigan Mechanical Engineer Jobs</a>, <a href='http://www.dietitianjobs.net/california-dietitian-jobs' target='_blank'>California Dietitian Jobs</a>      </span>
   </div>


</body>
</html>

อยากไห้เป็นแบบนี้ อ่ะ ครับ