Anda di halaman 1dari 14

<?xml version="1.0" encoding="UTF-8" ?

>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/x
html1/DTD/xhtml1-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/2005/gml/data' xmlns:expr='http://www.go
ogle.com/2005/gml/expr'>
<head>
<b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>
<b:skin><![CDATA[/*
----------------------------------------------------------------------
Blogger Template Style
Name: Bloggerized Adsense
Designer: Isnaini
URL: www.isnaini.com
Date: 01 Des 2007
----------------------------------------------------------------------
*/
/* Variable definitions
====================
<Variable name="bgColor" description="Page Background Color"
type="color" default="#333333" value="#333333">
<Variable name="bodyFont" description="Text Font"
type="font" default="normal normal 73% Verdana, Arial, Sans-serif;" v
alue="normal normal 80% Arial, sans-serif">
<Variable name="textColor" description="Text Color"
type="color" default="#000000" value="#FFFFFF">
<Variable name="linkColor" description="Link Color"
type="color" default="#336699" value="#FF6600">
<Variable name="HoverlinkColor" description="Hover Link Color"
type="color" default="#0000ff" value="#FF9900">
<Variable name="mainBgColor" description="Main Background Color"
type="color" default="#333333" value="#333333">
<Variable name="mainBdColor" description="Main Border Color"
type="color" default="#cccccc" value="#000000">
<Variable name="postImgBdColor" description="Post Images Border Color"
type="color" default="#f1f1f1" value="#222222">
<Variable name="headerBgColor" description="Page Header Background Color"
type="color" default="#336699" value="#000000">
<Variable name="PostTitleFont" description="Post Title Font"
type="font" default="normal normal 100% 'Trebuchet MS', Arial, Sans-s
erif;" value="normal bold 165% 'Trebuchet MS', Geneva, Arial, Helvetica, sans-se
rif;">
<Variable name="titleFont" description="Blog Title Font"
type="font" default="normal normal 210% 'Trebuchet MS', Arial, Sans-s
erif;" value="normal bold 200% 'Trebuchet MS', Arial, Sans-serif;">
<Variable name="titleTextColor" description="Blog Title Text Color"
type="color" default="#ffffff" value="#FFFFFF">
<Variable name="PostTitleHoverlinkColor" description="Post Title Hover link Col
or"
type="color" default="#FF99FF" value="#FFFFFF">
<Variable name="dateHeaderColor" description="Date Header Color"
type="color" default="#999999" value="#666666">
<Variable name="postTitleBgColor" description="Post Title Background Color"
type="color" default="#ffffff" value="#333333">
<Variable name="postTitleTxtColor" description="Post Title Text Color"
type="color" default="#000000" value="#FFFFFF">
<Variable name="SBbgColor" description="Sidebar Background Color"
type="color" default="#222222" value="#333333">
<Variable name="SBbdColor" description="Sidebar Border Color"
type="color" default="#666666" value="#333333">
<Variable name="SBFontSize" description="Sidebar Font Size"
type="font" default="normal normal 85% Arial, sans-serif" value="norm
al normal 76% Arial, sans-serif">
<Variable name="sidebarTitleBgColor" description="Sidebar Title Background Colo
r"
type="color" default="#000000" value="#000000">
<Variable name="sidebarTitleTextColor" description="Sidebar Title Text Color"
type="color" default="#CCCCCC" value="#FFFFFF">
<Variable name="SBtextColor" description="Sidebar Text Color"
type="color" default="#333333" value="#CCCCCC">
<Variable name="SBTitleFont" description="Sidebar Title Font"
type="font" default="normal bold 125% Trebuchet, Trebuchet MS, Arial,
sans-serif;" value="normal bold 125% Trebuchet, Trebuchet MS, Arial, sans-serif
">
<Variable name="SBLinkColor" description="Sidebar Link Color"
type="color" default="#ffffff" value="#FF9900">
<Variable name="footrcolor" description="Footer Background Color"
type="color" default="#666666" value="#000000">
<Variable name="footrTextcolor" description="Footer Text Color"
type="color" default="#666666" value="#CCCCCC">
<Variable name="AltLinkColor1" description="Alternative Link Color 1"
type="color" default="#FFFFFF" value="#FF9900">
<Variable name="AltLinkColor2" description="Alternative Link Color 2"
type="color" default="#FFFFFF" value="#FF9900">
<Variable name="AdsBgColor" description="Ads Background Color"
type="color" default="#222222" value="#000000">
<Variable name="AdsBdColor" description="Ads Border Color"
type="color" default="#FF99FF" value="#000000">
<Variable name="Ads2BgColor" description="Ads2 Background Color"
type="color" default="#222222" value="#333333">
<Variable name="Ads2BdColor" description="Ads2 Border Color"
type="color" default="#FF99FF" value="#333333">
*/
#blog-pager-newer-link a, #blog-pager-older-link a, #home-link a {
font-weight: bold;
text-decoration: none;
padding-right: 4px;
padding-left: 4px;
border: 1px solid $footrcolor;
background-color: $SBbgColor;
}
#blog-pager-newer-link a:hover, #blog-pager-older-link a:hover, #home-link a:hov
er {
font-weight: bold;
text-decoration: none;
padding-right: 4px;
padding-left: 4px;
border: 1px solid $footrcolor;
background-color: $SBbgColor;
}
#ads1{
margin-bottom: 15px;
padding: 5px;
border: 1px solid $AdsBdColor;
background-color: $AdsBgColor;
}
#ads2{
margin-bottom: 15px;
padding: 5px;
border: 1px solid $Ads2BdColor;
background-color: $Ads2BgColor;
}
#ads3{
margin-bottom: 15px;
padding: 5px;
border: 1px solid $Ads2BdColor;
background-color: $Ads2BgColor;
}
.antara{
text-align: center;
padding: 4px;
}
body {
font: $bodyFont;
text-align: center;
margin: 0px;
padding: 0px;
background-color: #CCCCCC;
color: $textColor;
background: $bgColor;
background-image: url(http://i25.tinypic.com/qp5ji8.jpg);
background-attachment: fixed;
background-repeat: repeat-y;
background-position: center center;
}
#page {
text-align: left;
width: 870px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
background-color: $mainBgColor;
border-right-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-left-style: solid;
border-right-color: $mainBdColor;
border-left-color: $mainBdColor;
}
#header {
text-align: center;
height: 180px;
margin: 0px;
padding: 0px;
background-color: $headerBgColor;
}
.narrowcolumn {
float: left;
width: 520px;
overflow: hidden;
padding: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 6px;
}
/* Posts
----------------------------------------------- */
.date-header {
margin: 1.5em 0 0;
font-weight: normal;
color: $dateHeaderColor;
font-size: 100%;
}
.post {
float: none;
padding: 0px;
margin-top: 10px;
margin-right: 0;
margin-bottom: 12px;
margin-left: 0;
text-align: justify;
}
.post-title {
margin: 0;
padding: 0;
font: $PostTitleFont;
line-height: 1.1em;
background-color: $postTitleBgColor;
padding-top: 4px;
padding-bottom: 4px;
text-align: left;
}
.post-title a, .post-title a:visited, .post-title strong {
text-decoration: none;
color: $postTitleTxtColor;
font-weight: bold;
}
.post-title a:hover {
text-decoration: none;
color: $PostTitleHoverlinkColor;
}
.post div {
margin: 0 0 .75em;
line-height: 1.3em;
}
p.post-footer {
margin: -.25em 0 0;
color: $mainBgColor;
font-size: 10px;
}
.post-labels {
font-size: 10px;
}
.post-labels a {
color: $AltLinkColor1;
text-decoration: none;
}
.post-footer .span {
margin-right: .3em;
font-size: 10px;
}
.post-footer {
font-size: 10px;
}
.comment-link {
margin-left: .3em;
}
.post blockquote {
margin: 1em 20px;
font-style: italic;
}
}
.post blockquote p {
margin: .75em 0;
}
.post img {
margin-top: 4px;
margin-right: 5px;
margin-bottom: 0px;
margin-left: 4px;
padding: 6px;
border: 1px solid $postImgBdColor;
display: inline;
}
.post .pic{
float: right;
background-color: $postTitleBgColor;
border: 1px solid $postImgBdColor;
text-align: center;
margin-top: 5px;
margin-right: 15px;
margin-bottom: 0px;
margin-left: 0px;
width: 180px;
font-size: 9px;
padding: 6px;
font-family: Arial, Helvetica, sans-serif;
display: inline;
}

/* Comments
----------------------------------------------- */
#comments h4 {
margin: 1em 0;
color: $dateHeaderColor;
}
#comments h4 strong {
font-size: 90%;
}
#comments-block {
margin: 1em 0 1.5em;
line-height: 1.3em;
}
#comments-block dt {
margin: .5em 0;
}
#comments-block dd {
margin: .25em 0 0;
}
#comments-block dd.comment-footer {
margin: -.25em 0 2em;
line-height: 1.4em;
font-size: 78%;
}
#comments-block dd p {
margin: 0 0 .75em;
}
.deleted-comment {
font-style:italic;
color:gray;
}
.feed-links {
clear: both;
line-height: 2.5em;
}
#blog-pager-newer-link {
float: left;
}
#blog-pager-older-link {
float: right;
}
#blog-pager {
text-align: center;
}
small {
font-family: Arial, Verdana, sans-serif;
font-size: 9px;
line-height: 11px;
}
h1, h2, h3 {
font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
}
h1, h1 a, h1 a:hover, h1 a:visited, .description {
text-decoration: none;
}
h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
}
h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #leftsid
ebar h2, #rightsidebar h2, #wp-calendar caption, cite {
text-decoration: none;
}
acronym, abbr, span.caps
{
font-size: 0.9em;
letter-spacing: .07em;
}
a, h2 a:hover, h3 a:hover {
color: $linkColor;
text-decoration: none;
}
a:hover {
color: $HoverlinkColor;
text-decoration: underline;
}

.widecolumn .post {
margin: 0;
}
.narrowcolumn .postmetadata {
padding-top: 5px;
}
.widecolumn .postmetadata {
margin: 30px 0;
}
h2 {
margin-top: 20px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
h3 {
padding: 0px;
margin-top: 20px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
h3.comments {
padding: 0;
margin: 40px auto 20px ;
}
/* End Headers */

/* Begin Images */
p img {
padding: 0;
max-width: 100%;
}
/* Using 'class="alignright"' on an image will (who would've
thought?!) align the image to the right. And using 'class="centered',
will of course center the image. This is much better than using
align="center", being much more futureproof (and valid) */
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}
img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}
.alignright {
float: right;
}
.alignleft {
float: left
}
/* End Images */
/* lain
----------------------------------------------- */
#blogtitle h1{
color: $titleTextColor;
font-size: 18px;
text-align: center;
font: $titleFont;
margin-top: 2px;
margin-bottom: 2px;
}
#blogtitle h1 a{
color: $titleTextColor;
}
#blogtitle{
padding: 0px;
width: 300px;
margin: 0px;
}
.description {
text-align: center;
font-size: 12px;
font-weight: bold;
}
#sidebar{
font: $SBFontSize;
width: 300px;
float: right;
position: static;
top: 0px;
color: $SBtextColor;
background-color: $SBbgColor;
border: 1px solid $SBbdColor;
padding-top: 0px;
padding-right: 4px;
padding-bottom: 0px;
padding-left: 4px;
margin-top: 0px;
margin-right: 6px;
margin-bottom: 10px;
}
#sidebar a {
color: $SBLinkColor;
}
#sidebar .widget {
margin-bottom: 1em;
}
#sidebar .widget-content {
margin-top: 5px;
margin-right: 0px;
margin-bottom: 5px;
margin-left: 0px;
}
#sidebar h2{
font-size: 12px;
font-weight: bold;
color: $sidebarTitleTextColor;
font: $SBTitleFont;
background-color: $sidebarTitleBgColor;
margin-top: 5px;
margin-right: 0px;
margin-bottom: 5px;
margin-left: 0px;
padding: 4px 5px;
}
#leftsidebar h2 {
background-color: $SBbgColor;
margin-top: 5px;
margin-right: 0px;
margin-bottom: 5px;
margin-left: 0px;
padding: 4px 5px;
}
#leftsidebar
{
width: 160px;
float: left;
padding-top: 0;
padding-right: 1px;
padding-bottom: 0;
padding-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 1px;
}
#rightsidebar
{
margin-top: 0px;
margin-left: 0px;
width: 125px;
margin-right: 4px;
margin-bottom: auto;
padding: 0px;
float: right;
}
#kotakkanan{
float: left;
width: 300px;
list-style-image: none;
list-style-type: none;
padding-top: 5px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 0px;
margin: 0px;
}
#kotakkanan2{
float: left;
width: 300px;
list-style-image: none;
list-style-type: none;
padding-top: 5px;
padding-right: 0px;
padding-bottom: 5px;
padding-left: 0px;
margin: 0px;
}
#footer {
padding: 0px;
width: 870px;
clear: both;
height: 60px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
background-color: $footrcolor;
color: $footrTextcolor;
}
#footer a {
color: $footrTextcolor;
}
#footer .widget {
margin: 0px;
padding-left: 20px;
font-size: 10px;
text-align: center;
}
.kosong
{
clear: both;
}
/* Begin Lists
Special stylized non-IE bullets
Do not work in Internet Explorer, which merely default to normal bullets
. */
html>body .entry ul {
}
html>body .entry li {
list-style-type: square;
padding: 0px;
margin-left: 10px;
}
#leftsidebar ul, #leftsidebar ul ol, #rightsidebar ul, #rightsidebar ul ol {
padding: 0px;
margin: 0px;
}
#leftsidebar ul li, #rightsidebar ul li {
list-style-type: none;
list-style-image: none;
margin-bottom: 2px;
}
#leftsidebar ul p, #leftsidebar ul select, #rightsidebar ul p, #rightsidebar ul
select {
margin: 5px 0 8px;
}
#leftsidebar ul ul, #leftsidebar ul ol, #rightsidebar ul ul, #rightsidebar ul ol
{
margin: 5px 0 0 5px;
}
#leftsidebar ul ul ul, #leftsidebar ul ol, #rightsidebar ul ul ul, #rightsidebar
ul ol {
margin: 0 0 0 10px;
}
ol li, #leftsidebar ul ol li, #rightsidebar ul ol li {
list-style: decimal outside;
}
#leftsidebar ul ul li, #leftsidebar ul ol li, #rightsidebar ul ul li, #rightside
bar ul ol li {
margin: 3px 0px 0px;
padding: 0px;
}
/* End Entry Lists */
.entry form {
text-align:center;
border: 1px solid #CCCCCC;
}
select {
width: 130px;
}
/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
cursor: help;
}
acronym, abbr {
border-bottom: 1px dashed #CCCCCC;
}
blockquote {
margin: 15px 30px 0 10px;
padding-left: 25px;
font-family: Arial, Verdana, sans-serif;
background-image: url(images/quote.gif);
background-repeat: no-repeat;
background-position: left top;
}
blockquote cite {
margin: 5px 0 0;
display: block;
}
.center {
text-align: center;
}
hr {
display: none;
}
a img {
border: none;
}
input, textarea, select, button {
border: 1px solid #999999;
background-color: #fafafa;
font-size: 11px;
padding-right: 2px;
padding-left: 2px;
}
form .button {
border: 1px solid #CCCCCC;
background-color: #fafafa;
}
.googlesearch{
text-align: center;
padding: 0px;
margin: 0px;
}
.googlesearch input, textarea, select, button {
border: 1px solid $sidebarTitleBgColor;
background-color: $mainBgColor;
color: $sidebarTitleTextColor;
font-size: 11px;
padding-right: 2px;
padding-left: 2px;
}
.googlesearch table{
background-color: transparent;
margin: 0px;
padding: 0px;
color: $SBtextColor;
}
.googlesearch td{
text-align: center;
margin: 0px;
padding: 0px;
color: $SBtextColor;
font: $SBFontSize;
}
.googlesearch form{
margin: 0px;
padding: 0px;
}
input, textarea, select, button {
border: 1px solid $SBbdColor;
background-color: $mainBgColor;
color: $sidebarTitleTextColor;
font-size: 11px;
padding-right: 2px;
padding-left: 2px;
}
]]></b:skin>
</head>
<body>
<div id='page'>
<b:section class='header' id='header' maxwidgets='4' showaddelement='no'>
<b:widget id='Header1' locked='false' title='Al Mashadi OnLine Store (Header)' t
ype='Header'/>
<b:widget id='HTML4' locked='false' title='' type='HTML'/>
<b:widget id='HTML6' locked='false' title='' type='HTML'/>
</b:section>
<b:section class='antara' id='ads1' maxwidgets='1' showaddelement='yes'/>
<div class='narrowcolumn'>
<b:section class='antara' id='ads2' maxwidgets='1' showaddelement='yes'>
<b:widget id='Blog1' locked='false' title='Blog Posts' type='Blog'/>
</b:section>
<b:section class='post' id='main' maxwidgets='4' showaddelement='no'>
<b:widget id='HTML5' locked='false' title='SFI' type='HTML'/>
</b:section>
<b:section class='antara' id='ads3' maxwidgets='1' showaddelement='yes'/>
</div>

<div id='sidebar'>
<b:section class='blogtitle' id='blogtitle' preferred='yes'>
<b:widget id='CustomSearch1' locked='false' title='' type='CustomSearch'/>
<b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularP
osts'/>
<b:widget id='Followers1' locked='false' title='Followers' type='Followers'/>
<b:widget id='Feed1' locked='false' title='Headlines' type='Feed'/>
</b:section>
<b:section class='kotakkanan' id='kotakkanan1' maxwidgets='4' showaddelement='ye
s'/>

<!-- left sidebar -->


<b:section class='leftsidebar' id='leftsidebar' maxwidgets='4' showaddelement='
yes'>
<b:widget id='Profile1' locked='false' title='About Me' type='Profile'/>
<b:widget id='HTML3' locked='false' title='Title' type='HTML'/>
<b:widget id='AdSense1' locked='false' title='' type='AdSense'/>
</b:section>
<!-- right sidebar -->
<b:section class='rightsidebar' id='rightsidebar' maxwidgets='4' showaddelement
='yes'>
<b:widget id='Label1' locked='false' title='Category' type='Label'/>
<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchiv
e'/>
</b:section>
<!-- kontent bawah -->
<b:section class='kotakkanan' id='kotakkanan2' maxwidgets='4' showaddelement='ye
s'>
<b:widget id='HTML8' locked='false' title='' type='HTML'/>
<b:widget id='HTML7' locked='false' title='' type='HTML'/>
<b:widget id='HTML2' locked='false' title='Links' type='HTML'/>
</b:section>
<DIV class='kosong' style='text-align: center; padding: 4px'>
<A href='http://www.blogspottemplate.com'>Blogger Templates</A> by <A href='http
://www.isnaini.com'>Isnaini Dot Com</A> and Supported by Ralepi.Com - <A href='h
ttp://www.ralepi.com/category/honda'>Honda Motorcycle</A>
</DIV>
</div>
<hr/>
<b:section id='footer' maxwidgets='4' showaddelement='yes'>
<b:widget id='HTML1' locked='false' title='' type='HTML'/>
</b:section>
</div>
</body>
</html>

Anda mungkin juga menyukai