Template Blogger Sangat Sederhana (Buat yang Seneng Utak-Atik Template)
<?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:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> - <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>
<b:include data='blog' name='all-head-content'/>
<b:skin><![CDATA[
/* Variable definitions
========================
<Variable name="BgColor" description="Warna Latar Background"
type="color" default="#FFBBE8" value="#ffffff">
<Variable name="WarnaTeks" description="Warna Huruf"
type="color" default="#800040" value="$(body.text.color)">
<Variable name="WarnaLink" description="Warna Link"
type="color" default="#800040" value="#000000">
*/
body {
color: $WarnaTeks;
background-color: $BgColor;
font-family: calibri, verdana, arial;
font-size: 13px;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
#outer-wrapper {
width: 990px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
#header-wrapper {
width: 990px;
}
#main-wrapper {
width: 700px;
float: right;
}
#sidebar-wrapper {
width: 290px;
float: left;
}
a:link {
color: #000000;
}
]]></b:skin>
</head>
<body>
<div id='outer-wrapper'>
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Your Title Here' type='Header'/>
</b:section>
</div> <!-- end header-wrapper -->
<div id='content-wrapper'>
<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='yes'>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/>
</b:section>
</div>
<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar1' preferred='yes'>
<b:widget id='Label1' locked='false' title='' type='Label'/>
<b:widget id='BlogArchive1' locked='false' title='' type='BlogArchive'/>
</b:section>
</div>
<!-- spacer agar main dan sidebar punya height/tinggi yang sama-->
<div id='spacer'> </div>
</div> <!-- end content-wrapper -->
<div id='footer-wrapper'>
<b:section class='footer' id='footer'>
</b:section>
</div>
</div> <!-- end outer-wrapper -->
<center style='clear:both'>Klampok Child</center>
</body>
</html>
<!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:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> - <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>
<b:include data='blog' name='all-head-content'/>
<b:skin><![CDATA[
/* Variable definitions
========================
<Variable name="BgColor" description="Warna Latar Background"
type="color" default="#FFBBE8" value="#ffffff">
<Variable name="WarnaTeks" description="Warna Huruf"
type="color" default="#800040" value="$(body.text.color)">
<Variable name="WarnaLink" description="Warna Link"
type="color" default="#800040" value="#000000">
*/
body {
color: $WarnaTeks;
background-color: $BgColor;
font-family: calibri, verdana, arial;
font-size: 13px;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
#outer-wrapper {
width: 990px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
#header-wrapper {
width: 990px;
}
#main-wrapper {
width: 700px;
float: right;
}
#sidebar-wrapper {
width: 290px;
float: left;
}
a:link {
color: #000000;
}
]]></b:skin>
</head>
<body>
<div id='outer-wrapper'>
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Your Title Here' type='Header'/>
</b:section>
</div> <!-- end header-wrapper -->
<div id='content-wrapper'>
<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='yes'>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/>
</b:section>
</div>
<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar1' preferred='yes'>
<b:widget id='Label1' locked='false' title='' type='Label'/>
<b:widget id='BlogArchive1' locked='false' title='' type='BlogArchive'/>
</b:section>
</div>
<!-- spacer agar main dan sidebar punya height/tinggi yang sama-->
<div id='spacer'> </div>
</div> <!-- end content-wrapper -->
<div id='footer-wrapper'>
<b:section class='footer' id='footer'>
</b:section>
</div>
</div> <!-- end outer-wrapper -->
<center style='clear:both'>Klampok Child</center>
</body>
</html>
0 comments:
Posting Komentar