Mengatur Lebar Header, Halaman Posting dan Sidebar

Posted by Gani Mugni Rabu, 08 Februari 2012 0 komentar
Mengatur blogspot
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





MobGold Banner 468x60
TERIMA KASIH ATAS KUNJUNGAN SAUDARA
Judul: Mengatur Lebar Header, Halaman Posting dan Sidebar
Ditulis oleh Gani Mugni
Rating Blog 5 dari 5
Semoga artikel ini bermanfaat bagi saudara. Jika ingin mengutip, baik itu sebagian atau keseluruhan dari isi artikel ini harap menyertakan link dofollow ke http://azharadzuan.blogspot.com/2012/02/mengatur-lebar-header-halaman-posting.html. Terima kasih sudah singgah membaca artikel ini.

0 komentar:

Posting Komentar

Panduan blog dan SEO support Jual Online Baju Wanita - Original design by Bamz | Copyright of Azhara Blog.