Selain pertanyaan diatas saya juga berpikir bahwa, bukankah sudah saatnya kita mengenal struktur dari blog kita sendiri, tulisan ini khusus untuk yang menggunakan blogger saja. Nah tanpa banyak cerita lagi langsung saja kita bahas bagian-bagian dari blogger berikut ini:
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;
}
source gambar : http://betabloggerfordummies.blogspot.com/
Baca juga:
Tips untuk mendapatkan traffic yg tinggi
Cara Membuat Blog Dengan Blogger.com
Tips Buat Blogger Pemula
Referral 2.0 : AdSense Referral lebih spesifik
No comments:
Post a Comment