THE INCREDIBLES-Posting kali ini kita akan membahas tentang modifikasi template minima blogger yang kolom sidebarnya di kanan, minima right sidebar. Tamplate minima hanya mempunyai dua kolom, di kiri atau di kanan, dengan lebar kolom 220px.
Langsung saja, dengan menambah satu buah kolom / sidebar dengan lebar 160px.
Pertama:
Buka layout --> edit html --> back up dulu script aseli blog anda.
Buatlah style css (tentu di antara [c: data ....
buat properties berikut:
#sidebar1-wrapper
{ width:160px;
float:$startSide;
margin-$startSide:10px;
word-wrap:break-word;
overflow:hidden;
}
-Keterangan: $startside nama elemen untu kiri/ left.
- word-wrap:break-word :> untuk memecah kata yang terlalu panjang (IE) sehingga tidak menggeser lebar sidebar.
-overflow:hidden:> menyembunyikan kata yang melebihi lebar sidebar (Firefox).
Selesai membuat calon sidebar.
Dengan membuat satu sidebar maka kita harus menambah ukuran lebar untuk outer-wrapper dan header-wrapper. Berapa px lebarnya? Kita sudah membuat calon kolom dengan lebar 160px di tambah margin kiri: 10px, jadi space buat kolom baru: 170px.
ini yang harus diubah:
cari: #header-wrapper { width:660px; }
lebar semula --width:660px, ganti menjadi 660 + 170 = 830px;
cari: #outer-wrapper :> sama dengan di atas.
Selesai membuat CSS nya. sekarang kita pasang pada HTML-nya.
setelah #main-wrapper dan sebelum #sidebar-wrapper tuliskan yang sudah kita buat tadi.
<div id='sidebar1-wrapper'>
<b:section class='sidebar' id='sidebar1' />
</div>
untuk memasang widget secara manual, tinggal paste code dari template sebelumnya [b:widget .... ubah susunan section menjadi:
[b:section clas="" ...]
[b:widget ......../]
[/b:section]
SELESAI. Lihat pada Page elemen. Tambahkan elemen halaman yang anda mau.
0 komentar:
Posting Komentar