Template name: Sponge Bob
Size: 69KB
Type: New Blogger Template(XML)2 Column, Fixed Width, Editable
Best quality (IE & Firefox) all Size and Resolutions
ini dia kode nya
<?xml version="1.0" encoding="UTF-8"
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD
XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtm
l1-strict.dtd">
<html
xmlns='http://www.w3.org/1999/xhtml'
xmlns:b='http://www.google.com/2005/g
ml/b'
xmlns:data='http://www.google.com/200
5/gml/data'
xmlns:expr='http://www.google.com/200
5/gml/expr'>
<head>
<b:include data='blog' name='all
-head-content'/>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[
/* --- * Blogger Template Style---- *
Name: Sponge Bob----- *Designer:
J.Aghili ----- * URL:
www.finalsense.com ------ * Date:
2007 October ----- */
/* Variable definitions
====================
<Variable name="textcolor"
description="Text Color"
type="color"
default="#666">
<Variable name="PageBgColor"
description="Page Background Color"
type="color"
default="#256299">
<Variable name="pagetitlecolor"
description="Page Header Color"
type="color"
default="#369">
<Variable name="datecolor"
description="Date Header Color"
type="color"
default="#999">
<Variable name="titlecolor"
description="Post Title Color"
type="color"
default="#FCD699">
<Variable name="titlehovercolor"
description="Post Title Hover Color"
type="color"
default="#f93">
<Variable name="footercolor"
description="Post Footer Color"
type="color"
default="#7ca7d1">
<Variable name="sidebartextcolor"
description="Sidebar Text Color"
type="color"
default="#369">
<Variable name="sidebarcolor"
description="Sidebar Title Color"
type="color"
default="#f0a8ac">
<Variable name="sidebarlink"
description="Sidebar Link Color"
type="color"
default="#369">
<Variable name="sidebarhover"
description="Sidebar Hover Color"
type="color"
default="#f90">
<Variable name="linkcolor"
description="Link Color"
type="color"
default="#369">
<Variable name="linkhover"
description="Link Hover Color"
type="color"
default="#f93">
<Variable name="visitedlinkcolor"
description="Visited Link Color"
type="color"
default="#369">
<Variable name="descriptioncolor"
description="Description Color"
type="color"
default="#666">
<Variable name="Commentscolor"
description="Comments Text Color"
type="color"
default="#666">
<Variable name="bodyfont"
description="Text Font"
type="font"
default="normal normal 82% Verdana,
sans-serif">
<Variable name="pagetitlefont"
description="Page Header Font"
type="font"
default="normal bold 310%
'Georgia','Times New Roman'">
<Variable name="titlefont"
description="Post Title Font"
type="font"
default="normal bold 100%
'Georgia','Times New Roman'">
<Variable name="sidebarheaderfont"
description="Sidebar Title Font"
type="font"
default="normal bold 105%
'Georgia','Times New Roman'">
<Variable name="sidebarfont"
description="Sidebar Text Font"
type="font"
default="normal normal 90%
'Verdana','Arial'">
<Variable name="descriptionfont"
description="Description Font"
type="font"
default="normal normal 82%
'Verdana','Arial'">
*/
/* ---( page defaults )--- */
body { margin: 0px; padding: 0px;
text-align: left; font:$bodyfont;
color:$textcolor;
background:$PageBgColor; }
blockquote { margin: 0 0 0 30px;
padding: 0px 0 0 20px; font-size:
88%; line-height: 1.5em; }
blockquote p { margin-top: 0; }
abbr, acronym { cursor: help; font
-style: normal; }
code { color: #f63; }
hr { display: none; }
img { border: none; }
/* unordered list style */
ul { list-style: none; margin-left:
7px; padding: 0; }
li { list-style: none; padding-
left: 8px; margin-bottom: 3px; }
/* links */
a:link { color: $linkcolor; text-
decoration: none; }
a:visited { color:
$visitedlinkcolor; text-decoration:
none; }
a:hover { color: $linkhover; text-
decoration: none; }
a:active { color: $visitedlinkcolor;
text-decoration: none; }
/* ---( layout structure )---*/
#outer-wrapper {width: 830px; margin:
0px auto; text-align: justify; }
#content-wrapper { margin: 0px; /* to
avoid the border image */ width:
100%; }
#main { float: right; width: 520px;
margin: 0px; padding-right:35px;
line-height: 1.2em; 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 { float: left; width:
225px; padding-left:25px; font:
$sidebarfont; color:
$sidebartextcolor; line-height:
1.4em; 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 */ }
#center {background:#fff url
('http://lh3.google.com/jvdmds/RwSTQK
ZypUI/AAAAAAAAAuk/OwIO5mvk-LA/spb-
2.jpg') repeat-y top left;}
/* ---( header and site name )--- */
#header-wrapper { margin: 0px;
padding: 0px}
#header { height:274px; overflow:
hidden; width:830px; color:
$pagetitlecolor; background:#dde3c7
url
('http://lh5.google.com/jvdmds/RwSJ0q
ZypGI/AAAAAAAAAsc/-
bH54GsTtIc/spongebob-1.jpg') no-
repeat top left; }
#header h1 { width: 760px; font:
$pagetitlefont; margin:190px 15px 0px
40px; padding: 5px; filter: glow
(color=#ffffff,Strength=7); text-
align:left; }
#header h1 a { text-decoration:
none; color: $pagetitlecolor; }
#header h1 a:hover { color:
$descriptioncolor;}
#header .description {margin:-5px
15px 5px 40px; text-align:left;
width:760px; font: $descriptionfont;
color: $descriptioncolor; }
/* ---( main column )--- */
h2.date-header {font-size: 70%;
color: $datecolor; margin:0px; text-
align: left; }
.post h3 { text-align: left; font:
$titlefont; color: $titlecolor;
border-top: 1px solid #FCD699;
border-bottom: 1px solid #FCD699;}
.post {padding:0px;}
.post h3 a {color: $titlecolor; text
-decoration: none;}
.post h3 a:hover { color:
$titlehovercolor; text-decoration:
none; }
.post-footer {height:57px;
margin:0px; text-align: right; font
-size: 88%; color:$footercolor; }
.post img { padding: 6px; border-
top: 1px solid #ddd; border-left:
1px solid #ccc; border-bottom: 1px
solid #c0c0c0; border-right: 1px
solid #c0c0c0; }
.feed-links { clear: both; line-
height: 2.5em;
color:$footercolor;border-top: 1px
solid #FCD699; }
.blog-feeds { text-align: right;
color:$footercolor;}
#blog-pager-newer-link { float:
left; }
#blog-pager-older-link { float:
right; }
#blog-pager { text-align: center;
}
/* comment styles */
#comments { padding-top: 10px;
font-size: 85%; line-height: 1.5em;
color: $Commentscolor;}
#comments h4 { margin: 20px 0 15px
0; padding: 8px 0 0 40px; font-
family: "Lucida Grande", "Trebuchet
MS"; font-size: 105%; color:
$Commentscolor; height: 29px !
important; /* for most browsers */
height /**/:37px; /* for IE5/Win */
}
#comments ul { margin-left: 0; }
#comments li { background: none;
padding-left: 0; }
.comment-body { padding: 0 10px 0
25px; }
.comment-body p { margin-bottom: 0;
}
.comment-author { margin: 4px 0 0 0;
padding: 0 10px 0 60px; color:
#999; }
.comment-footer { border-bottom: 1px
solid #ddd; padding-bottom: 1em;}
.deleted-comment { font-
style:italic; color:gray; }
/* ---( sidebar )--- */
.sidebar h2 { margin: 0 0 0 0;
padding: 10px 0 0 0px; font:
$sidebarheaderfont; color:
$sidebarcolor; height: 32px;
height: 32px !important; /* for most
browsers */ height /**/:57px; /* for
IE5/Win */ }
.sidebar .widget { margin: 0;
padding: 0 0 10px 10px; }
.sidebar a {color: $sidebarlink;
text-decoration: none;}
.sidebar a:hover {color:
$sidebarhover; }
.sidebar li { }
.profile-textblock { margin:.5em 0
.5em; }
.profile-img { float: left; margin:
0 5px 5px 0; border: 1px solid #ddd;
padding: 4px;}
/* ---( footer )--- */
.clear { /* to fix IE6 padding-top
issue */ clear: both; }
#footer-wrapper {margin: 0px;
padding:0px; font-size: 73%; clear:
both; }
#footer {margin: 0; width:830px;
height:124px; background: url
('http://lh3.google.com/jvdmds/RwSJ1K
ZypHI/AAAAAAAAAsk/sCYx6zS8ewo/spongeb
ob-3.jpg') no-repeat top left; text-
align:center; color: #bbb; }
#footer-wrapper a { color: #bbb;
text-decoration: none; line-
height:124px;}
#footer-wrapper a:hover{ color:
#ffc; text-decoration: none;}
/** Page structure tweaks for layout
editor wireframe */
body#layout #outer-wrapper,
body#layout #main,
body#layout #sidebar { padding-top:
0; margin-top: 0;}
body#layout #outer-
wrapper,body#layout #content-wrapper
{padding-top: 0;}
body#layout #sidebar { margin-
right: 0; margin-bottom: 1em; }
body#layout #header,body#layout
#footer,
body#layout #main { padding: 0; }
body#layout #content-wrapper {
margin: 0px; }
#navbar-iframe { height:0px;
visibility:hidden; display:none }
]]></b:skin>
</head>
<body>
<div id='outer-wrapper'><div
id='wrap2'>
<!-- skip links for text browsers
-->
<span id='skiplinks'
style='display:none;'>
<a href='#main'>skip to main
</a> |
<a href='#sidebar'>skip to
sidebar</a>
</span>
<div id='center'>
<div id='header-wrapper'>
<b:section class='header'
id='header' maxwidgets='1'
showaddelement='no'>
<b:widget id='Header1' locked='true'
title='Free Blogger Templates
(Header)' type='Header'/>
</b:section>
</div>
<div id='content-wrapper'>
<div id='main-wrapper'>
<b:section class='main'
id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true'
title='Blog Posts' type='Blog'/>
</b:section>
</div>
<div id='sidebar-wrapper'>
<b:section class='sidebar'
id='sidebar' preferred='yes'>
<b:widget id='Profile1'
locked='false' title='About Me'
type='Profile'/>
<b:widget id='BlogArchive1'
locked='false' title='Blog Archive'
type='BlogArchive'/>
</b:section>
</div>
<!-- spacer for skins that want
sidebar and main to be the same
height-->
<div class='clear'> </div>
</div> <!-- end content-wrapper
-->
<div class='footer section'
id='footer'><div id="footer-wrapper">
Design by: <a title="Blogger
Templates"
href="http://www.finalsense.com/servi
ces/blog_templates/"
shape="rect">FinalSense</a>
</div>
</div>
</div> <!--end center-->
</div></div> <!-- end outer-wrapper
-->
</body>
</html>
Note: Replace this XML code with your current code (only for new Blogger)...>>>
you are allowed to use this theme for your blog. free of charge. We do require though that you will keep the hyperlink to our website of the theme while using it.
