Free Blogger Template ini menggunakan teknik 'grid system' dari The 960 Grid System. Dengan sistem grid ini kita akan dapat mudah melakukan pembagian tiap kolom pada template tanpa perlu lagi menggunakan
width atau ukuran lebar dari kolom, serta float. Kita tinggal menambahkan tag class di setiap elemen, seperti class='grid_1' berarti jumlah kolom yang kita butuhkan 1, class='grid_2' berarti jumlah kolom yang kita butuhkan 2, dan seterusnya. Nah dengan The 960 Grid System, secara otomatis lebar template 960px, kita tinggal menentukan jumlah kolomnya, ada 2 pilihan yaitu 12 dan 16 kolom, pada free blogger template ini menggunakan 12 kolom (
class='container_12'), lihat demo bentuk pembagian kolom dari 'grid system' tersebut.Penggunaan The 960 Grid System di Blogger Template sangat mudah, kita tinggal mendownload sourcenya. Source dari 'The 960 Grid System' ini ada 2 yang kita butuhkan, yaitu kode
CSS '960' dan 'reset'. Kedua kode CSS itu yang kemudian kita input ke dalam blogger template kita. Jika anda ingin merubah lebar dari salah satu element, misal pada main-wrapper:
<div class='grid_8' id='main-wrapper'>
anda tinggal merubah angkanya 8 tersebut, grid_8 berarti menggunakan 8 kolom pada main.
Secara keselurahan 'Blogger Template Grid System' ini pembagian elemennya seperti berikut (klik gambar untuk memperbesar):
Jika anda ingin mengetahui lebih lanjut menggenai 'Grid System' ini dapat anda pelajari dibeberapa alamat di semuanya tentang 'Grid System' terutama video tutorialnya.
0 comments:
Posting Komentar