Get Adobe Flash player

Mengatur Lebar Header, Halaman Posting dan 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


Ditulis Oleh : Unknown ~ alias Maksum

Muh.Akram Anda sedang membaca artikel berjudul Mengatur Lebar Header, Halaman Posting dan Sidebar yang ditulis oleh Bocah Rumbia yang berisi tentang : Dan Maaf, Anda tidak diperbolehkan mengcopy paste artikel ini. Jika Anda menyukai Artikel di blog ini, Silahkan berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di Bocah Rumbia

0 comments:

Post a Comment

Back to top