Home › Mengatur Lebar Header, Halaman Posting dan Sidebar

Mengatur Lebar Header, Halaman Posting dan Sidebar

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
Share this article :

7 comments

trims atas infonya mas bro...salam kenal

@Info Kamu
Sama-sama, salam kenal juga

Anonymous delete 15:33

Mas di template saya (picture window) bawaan blogger kok ga nemu #header-wrapper, #main-wrapper dan #sidebar-wrapper....

@ubudscooterrental
kode Template biasanya berbeda-beda teman, cari yang mirip aja.

tanks bgd infonya

Anonymous delete 16:23

Nambah ilmu template ni :D
bungkus..

Nice nginfo Gan...
Salam kenal