Blog bagian templat blogger blogspot untuk header

oke sobat blogger ketemu lagi deh.aku pengen mengenalkan Blog bagian templat blogger blogspot untuk header.sebaiknya sobat membaca dulu bagian templat blogspot yang ini jika belum.lanjut ke header.

#header-wrapper {
width:660px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}

Header ini tempatnya ada di bagian atas templat bloger.berisi judul dan descripsi blog sobat.

#header-inner {
background-position: center;
margin-left: auto;
margin-right: auto;
}

code css ini merubah tampilan header yang paling dalam

#header {
margin: 5px;
border: 1px solid $bordercolor;
text-align: center;
color:$pagetitlecolor;
}

Mengubah tampilan judul blog sobat juga discripsinya secara keseluruhan.

#header h1 {
margin:5px 5px 0;
padding:15px 20px .25em;
line-height:1.2em;
text-transform:uppercase;
letter-spacing:.2em;
font: $pagetitlefont;
}

mengubah tampilan judul blog dan discripsinya dengan tingkat 1.

#header a {
color:$pagetitlecolor;
text-decoration:none;
}

merubah tampilan link pada header dengan target color dan text link.

#header a:hover {
color:$pagetitlecolor;
}

merubah tampilan link pada header saat mouse berada di area link dengan target color.

#header .description {
margin:0 5px 5px;
padding:0 20px 15px;
max-width:700px;
text-transform:uppercase;
letter-spacing:.2em;
line-height: 1.4em;
font: $descriptionfont;
color: $descriptioncolor;
}

Mengubah tampilan discription pada header blog secara keseluruhan.

#header img {
margin-$startSide: auto;
margin-$endSide: auto;
}

Mengubah tampilan jarak img atau gambar pada header.

#outer-wrapper {
width: 660px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}

bagian ini merupakan tempat di letakanya header,main wrapeper,sidebar dan footer.

#main-wrapper {
width: 410px;
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 */
}

bagian ini juga di sebut tempat area posting untuk blog.

#sidebar-wrapper {
width: 220px;
float: $endSide;
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 */
}

bagian ini biasany di jadikan tempat untuk widget contoh :label,arsip blog,profil dll.

h2 {
margin:1.5em 0 .75em;
font:$headerfont;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color:$sidebarcolor;
}

bagian ini berfungsi untuk merubah judul tampilan pada blog dengan class h2.yang ada di header maupun di sidebar.

oke sobat blogger sampai di sini aja dulu untuk Blog bagian templat blogger blogspot untuk header .untuk selanjutnya simak juga masih tentang templat bagian templat blogger sesion 3 Happy Blogger.
Rating: 5.0