Membuat sidebar warna warni

Posted on Sunday 21 February 2010

Untuk membuat side bar warna warni tidaklah begitu susah. Hanya di perlukan sedikit tenaga dan koneksi internet (jelas dong..kalo tidak menggunakan koneksi internet mau menggunakan koneksi apa?alam gaib? :))
Untuk merubah atau membuat side bar kanan dan side bar kiri berbeda warna itu sangat mudah, koki blogger tinggal menambahkan kode warna pada side bar yang terdapat pada kode HTML koki blogger. jangan pada kode html orang lain ya..bisa marah nanti...
untuk merubahnya diperlukan langkah-langkah sebagai berikut:

1. Masuk ke account blogger koki blogger.
2. Masuk ke Lay out atau setting
3. Masuk ke HTML
4. Cari kode #sidebar
5. Ganti kode background color dengan kode warna yang sesuai dengan selera rekan koki blogger.

kurang lebih kodenya seperti ini:

}
#main-wrapper {
margin-left: 14px;
width: 467px;
float: $startSide;
background-color: $mainBgColor;
display: inline; /* fix for doubling margin in IE */
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#sidebar-wrapper {
margin-left: 13px;
width:190px;
float: $endSide;
background-color:#6728B2 ;
border-color:2px double #341473;
display: inline; /* fix for doubling margin in IE */
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#newsidebar-wrapper {
margin-left: 13px;
width: 273px;
float: right;
background-color:#99C9FF;
border-color:2px double#6f3c1b;
display: inline; /* fix for doubling margin in IE */
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

kode HTML yang berwarna merah itu lah yang harus diganti sesuai dengan keinginan. yang di ganti kode warnanya saja ya...
Demikian resep dapur blogger untuk sesi inii..semoga bermanfaat..


No comments:

Post a Comment

Blog Ini Dofolow.
Komentar yang tidak sesuai dengan content yang di bahas, akan di hapus.

loading...
© Dapurblogger. Template by Template Responsive Design Powered By Blogger