Merubah Ukuran Halaman Sidebar, Post Body Dan Footer Blog

Situseo Blog : 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.

Semoga bermanfaat,

sumber