Membuat Template Blogger Part 5 ( Mengatur Ukuran Template )

Menentukan Ukuran Template
Menentukan ukuran template mungkin merupakan salah satu hal yang harus dipikirkan pertama kali saat ingin mendesain template baru. 

Ada 2 cara untuk mengatur ukuran (biasanya lebarnya) template.

1. Pengaturan ukuran yang tetap dengan lebar yang sudah ditentukan, misalnya 800 pixel.

2. Pengaturan ukuran yang fleksibel, artinya ukuran akan berubah tergantung dari browser
atau ukuran layar dari komputer.

Mengatur Ukuran Template Yang Tetap
Untuk mengatur lebar template, harus benar-benar mengatur lebar bagian yang besar-besar, bagian yang paling umum untuk diatur adalah:

1. Body
2. Outer-wrapper
3. Header-wrapper
4. Content-wrapper
5. Footer-wrapper
6. Main-wrapper
7. Sidebar-wrapper*
8. Footer-wrapper

* Catatan: 
Kita juga dapat hanya mengatur lebar sidebar1 dan sidebar2 tanpa mengatur lebar
sidebar-wrapper. Mengatur lebar sidebar-wrapper adalah mudah jika kedua sidebars memiliki lebar yang sama.

Untuk menghindari kesalahan/bug, ada baiknya kita bisa mengatur bagian-bagian pembungkus, walaupun itu terjadi pengulangan pengaturannya.




Berikut ini adalah kode dari template Blogger, yang menunjukkan pengaturan terhadap lebar template (hanya bagian yang menyangkut pengaturan lebar template yang ditampilkan). Pada contoh kode ini, lebar template ditetapkan 800 pixel.

body { min-width: 800px; } #outer-wrapper { margin: 0 auto; /* untuk membuat template ada ditengah layar */ min-width: 800px; max-width: 800px; } #content-wrapper { min-width: 800px; max-width: 800px; } #header-wrapper { min-width: 800px; max-width: 800px; } #main-wrapper { min-width: 400px; max-width: 400px; } .sidebar { padding: 10px 10px 10px 10px; min-width: 180px; max-width: 180px; } #sidebar1 {.....} #sidebar2 {.....} #footer-wrapper { min-width: 800px; max-width: 800px; }

Lebar body diatur dengan perintah min-width = 800px, berarti bahwa lebar terkecil yang dimiliki adalah 800px. Jika hanya diatur dengan perintah width = 800px, maka lebar template kemungkinan menyusut atau berubah dalam beberapa kondisi. Mengatur lebar dengan min-width akan menjamin ukuran terkecil sesuai dengan nilainya.

Bagian selanjutnya yang ada didalam body adalah outer-wrapper. Ini biasanya hanya diatur
dengan perintah width = 800px. Akan tetapi lebih bagus jika kita mengatur secara detail untuk menghindari kesalahan/bug atau perubahan ukuran dengan menggunakan perintah min-width dan max-width dengan memberikan nilai yang sama. Pengaturan lain tentang outer-wrapper adalah perintah untuk mengatur posisi template, apakah ditengah layar, atau kekiri. Pengaturan dengan perintah margin: 0 auto akan menempatkan template berada pada posisi ditengah layar.