SobatAnda

HTML TEMPLATE
( Special for Template Classic Blogspot / Blogger )

Lebar Template:

Outer-wrapper width: 700 --> 850
Main-wrapper width: 428 --> 578
width: 404 --> 554
>> 150 px
>> #ffffff

Color Background for Template Right-Left

(For template insert after/below <body>)
<body>
<div style='background: #088A85; padding:5px;'> --->Change color
..........
..........
</div></div> 
</body>
</html>

Background dalam Background (Kotak)

<div style='background: #000000; padding:5px;'>
<div style='background: #088A85; padding:5px;'>
................ </div> </div>

DELETE BACKGROUND POSTING

background: #000000 url(http://www.blogblog.com/snapshot_tequila/bg-body_$startSide.gif) $startSide top repeat-y; }
--->background: #000000 (delete for background posting/sidebar)

DELETE BACKGROUND, HEADER, SIDEBAR, POSTING

#outer-wrapper {
width: 950px;
margin: 0 auto;
text-align: $startSide;
font: $bodyfont;
background: #fff url
(http://www.blogblog.com/snapshot_tequila/bg-body_$startSide.gif) $startSide top repeat-y;
}

Menjadi: ---->

#outer-wrapper {
width: 950px;
margin: 0 auto;
text-align: $startSide;
font: $bodyfont;
background: #ffffff
}

CHANGE COLOR BACKGROUND GARIS HEADER (header-wrapper)

#header-wrapper {
background:#0b610b;-->Change code color

DELETE GARIS/BAYANGAN/BACKGROUND DI BAWAH HEADER (header-inner)

#header-inner {
background: transparent url
(http://www.blogblog.com/snapshot_tequila/header-02
_$startSide.gif) bottom $startSide no-repeat;
_height: 0;
}

Seharusnya:
#header-inner {
background: #ffffff
}

Background plus Border: dashed/dotted

<div style='background: #000000; border:1px dashed #ffffff; padding:5px;'>
................. </div>

FOOTER COLOR:

#footer {
clear: both;
background: #E9EAEB url(http://www.blogblog.com/snapshot_tequila/bg-footer_$startSide.gif) bottom $startSide no-repeat;
border-top: solid 1px #fff;
min-height: 15px;
#E9EAEB ------> #ffffff ------> OK Color Footer Changed

LINK & COMMENT COLOR:

a:hover {
text-decoration: underline;
color: #0000ff; -----> OK link Color for sender comment

LEBAR KOTAK POSTING:

#main-wrapper {
line-height: 1.4;
float: $startSide;
padding: 10px 12px;
border-top: solid 1px #fff;
width: 578 --> 728px
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 */
/* Tantek hack -
http://www.tantek.com/CSS/Examples/boxmodelhack.html */
voice-family: "\"}\"";
voice-family: inherit;
width: 554 --> 728px;
}
/* IE5 hack */
#main {}

LEBAR SIDEBAR:

#sidebar {
float:$endSide;
border-top: solid 1px #fff;
padding-top: 4px;
padding-$endSide: 0;
padding-bottom: 0;
padding-$startSide: 7px;
background: #fff;
width: 264px; --> Setting disini,jika 0/nol berarti hapus sidebar
word-wrap: break-word; /* fix for long text

LEFT OR RIGHT SIDEBAR/MAIN POST:

#main-wrapper {
line-height: 1.4;
float: ~~$startSide~~; ---> float: right;
padding: 10px 12px;
border-top: solid 1px

WARNA JUDUL POSTING:

#main {
line-height: 1.4;
}
.post h3 {
font-size: 1.2em;
margin-bottom: 0;
color: #ff0000; ---->ganti warna
}
.post h3 a {
color: #ff0000; ---->ganti warna
}

Download Template HTML on NOTEPAD

Download Template on Document Word (update 13-Jul-2012)

Download Template on Document Word (update 11-Mar-2012)

SobatAnda

Labels