Mengatur lebar header, halaman posting dan sidebar ini mungkin kelihatannya sangat sederhana. Namun bagi blogger pemula sepaerti saya, hal ini menjadi penting. Jika suatu saat ingin mengubah lebar ketiganya maka inilah yang akan jadi patokan.
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;
}
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;
}
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;
}
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 anda sesuaikan jika ingin mengubahnya.
Semua umpan balik saya hargai dan jika sempat saya akan membalas pertanyaan yang menyangkut artikel di Blog ini sesegera mungkin.
1. Komentar SPAM akan dihapus segera setelah saya review
2. Pastikan Anda tidak berkomentar dengan menggunakan kata-kata kasar, sara, p*rn* dan lain-lain.
3. Jika Anda memiliki masalah cek dulu komentar, mungkin Anda akan menemukan solusi di sana.
4. Jangan Tambah Link ke tubuh komentar Anda karena saya memakai system link exchange
5. Jika perlu sebarluaskan artikel dengan cara klik tombol SHARE di atas.
Bila anda senang dengan artikel ini silahkan Join To Blog atau berlangganan geratis Artikel dari blog ini. Pergunakan vasilitas diatas untuk mempermudah anda. Bila ada masalah dalam penulisan artikel ini silahkan kontak saya melalui komentar atau share sesuai dengan artikel diatas.
Post a Comment