bukitnet - lareosing - template blogger - tips - trik - software - freeware - download

Jika kita membuat blog baru maka mempunyai sebuah Header section , Sidebar-section, main-section dan Footer-section didalam section inilah blogger meletakkan widgets, yang merupakan page elements yang bisa dipilih dari tab template seperti terlihat pada gambar berikut ini:

ntuk lebih memahami setiap bagiannya saya menyertakan juga code untuk masing-masing bagian diatas. Untuk bisa melihat code itu, sebelumnya harus login dulu ke blogger, pilih blognya, layout, template, edit html.

Body – adalah seluruh bagian yang tampil pada browser termasuk Blogger Navbar, pada gambar diatas ditandai dengan warna merah.

body {
background:$bgcolor;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}

Outer Wrapper – adalah berisi semua bagian dari blog, bagian ini ditandai dengan warna pink

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

Header Wrapper – adalah bagian paling atas biasanya berisi deskripsi dari blog, bagian ini ditandai dengan warna kuning.

#header-wrapper {
width:660px;
margin:0 auto 10px;
}
#header {
margin: 5px;
text-align: center;
color:$pagetitlecolor;
}

The Main Column – Bagian ini berisi postingan dan biasanya paling luas, pada gambar diatas ditandai dengan warna biru.

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

The Sidebar/s – adalah bagian yang berada disisi dari The Main Column/postingan, untuk template 3-column biasanya berada disisi kanan dan kiri. Pada gambar diatas ditandai dengan warna hijau.

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


The Footer – Posisinya berada dibagian paling bawah sejajar dengan Header Wrapper, ditandai dengan warna ungu.

#footer {
width:660px;
height:50px;
clear:both;
margin:0 auto;
padding-top:15px;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:.1em;
text-align: center;
}

Nah, sekarang kita sudah bisa mengerti dan memahami bagian-bagian utama dari blog kita, untuk selanjutnya akan dibahas mengenai cara membuat template 3-column. Saya sangat mengharapkan kritik, saran dari rekan-rekan yang sudah master dalam hal mengutak-atik template blogger.

source gambar : http://betabloggerfordummies.blogspot.com/