Langsung aja ke tutor nya
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.
No comments:
Post a Comment