Jumat, 08 Maret 2013

Mengatur lebar header, Halaman Posting dan besaran Sidebar

Mengatur blogspot baik berupa lebar header, Halaman Posting dan besaran Sidebar sepertinya banyak para blogger melakukannya. 

Blogspot Pemula sudah pernah posting artikel Mengenal Struktur Dasar Template Blogspot kali ini kita akan coba mulai mengutak-atik nya, mengatur agar sesuai dengan keinginan kita, yah paling tidak supaya lebih enak dilihat.

Mengatur lebar header, halaman posting dan sidebar ini mungkin kelihatannya sangat sederhana. Namun bagi blogger pemula seperti kami, hal ini menjadi penting. Jika suatu saat ingin mengubah lebar ketiganya maka inilah yang akan jadi pedoman.
Untuk mengetahuinya anda harus barada pada menu Edit HTML yang bisa dilihat setelah masuk/login ke Blogger - Rancangan. Baru setelah itu Klik Edit HTML (Jangan lupa centang Expand Template Widget).

  • Lebar header 

#header-wrapper{
background: #ffffff;
width: 900px;
height: 160px;
font-size: 12px;
margin: 0px auto 0px;
padding: 0px;
overflow: hidden;
}
  • Lebar halaman Posting
 
#main-wrapper{
float:left;
width:590px;
margin:0px 0px 5px 0px;
padding:13px 10px 0px 10px;
overflow: hidden;
}

  • Lebar sidebar

#sidebar-wrapper{
float:left;
width:320px;
margin:13px 0px 5px 0px;
padding:0px;
line-height:19px;
display: inline;
}



Setiap template biasanya berbeda-beda. Karena itu, carilah kode yang mirip dengan kode-kode di atas tadi. Kode yang berwarna merah adalah lebar dari masing-masing elemen template-nya, sedangkan yang berwarna biru adalah tinggi dari header template. Inilah yang harus kita sesuaikan jika ingin mengubahnya.
Semoga Manfaat

0 komentar:

Posting Komentar