Merubah ukuran halaman sidebar, post body dan footer blog,
dari setiap template yang ada memiliki ukuran ruang yang berbeda, baik
itu halaman blog, header, post body, sidebar, dan footer karena setiap
template yang dibuat oleh para designer mempunyai style yang berbeda.
Bila kita tidak merasa cocok dengan ukuran ruang template yang kita
pakai, kita bisa merubahnya dengan ukuran yang kita inginkan, terutama
bagi pengguna blogger-blogspot, sebagian besar template default yang
disediakan blogger memiliki ruang halaman yang tidak penuh, masih banyak
ruang yang tersisa yang bisa kita maksimalkan supaya lebih sesuai
dengan keinginan.
Ruang-ruang yang tersisa bisa kita manfaatkan untuk memaksimalkan
halaman, header, post body, sidebar maupun bagian footer. Untuk merubah
ukuran bagian-bagian tersebut, pertama kalian masuk pada menu Design atau Rancangan - edit HTML
(sebelum melakukan perubahan template, sebaiknya melakukan back up
template terlebih dahulu dengan mendownload Full template) dan temukan
kode CSS dibawah ini :
#outer-wrapper {
width: 660px;
-----------------
#main-wrapper {
width: 410px;
-----------------
#sidebar-wrapper {
width: 220px;
-----------------
#footer-wrapper {
width: 660px;
Keterangan kode
#outer-wrapper : kode CSS untuk lebar halaman blog
#main-wrapper : kode CSS untuk lebar posting blog
#sidebar-wrapper : kode CSS untuk lebar sidebar blog
#footer-wrapper : kode CSS untuk lebar footer blog
Untuk melakukan perubahan ukuran perhatikan kode CSS yang diberi warna merah,
dari kode CSS diatas yang memiliki ukuran lebar halaman = 660px, lebar
post body = 410 dan bagian sidebar = 220, bila kita melakukan perubahan
pada lebar halaman menjadi lebih lebar dari 660px, sebagai contoh
menjadi 800px, elemen yang lain seperti post body, sidebar dan footer
pun harus mengalami perubahan, bila tidak dirubah jarak post body,
sidebar akan terlihat terlalu renggang dan elemen footer menjadi tidak
sesuai. Intinya bila kita merubah salah satu elemen maka elemen lain
harus mengalami perubahan, bila tidak hasilnya akan timpang. Saya rasa
tidak memerlukan contoh yang lebih detil untuk bisa memahaminya, yang
penting kita sudah tahu posisi tiap elemen tersebut.
Tiap template kode CSS nya berbeda penamaanya terutama untuk template
custom yang bukan template bawaan dari blogger, tapi secara garis besar
penamaan kode CSS nya tidak terlalu jauh dari nama-nama tersebut diatas.
Bila sudah tahu cara merubah elemen blog, sekarang cobalah untuk Merubah Lebar Kotak Komentar, untuk mengetahui caranya klik link tersebut.
