Thursday 25 February 2010

Membuat Sidebar Blog Menjadi 2 Kolom

Caranya adalah :
1. Login ke Blogger
2. Masuk ke TATA LETAK --> EDIT HTML
3. Backup template dulu untuk cadangan.
4. Copy paste kode CSS dibawah ini diatas kode ]]>.

#Ichal-Sidebar {
float: right;
word-wrap: break-word;
overflow: hidden;
}

#sidebar {
width: 300px;/* SESUAIKAN */
float: left;
overflow: hidden;
margin:0px 0px 10px 0px;
}

#sidebar h2 {
color: #FFFFFF;
background: #000000;
font-family: Arial;
font-size:16px;
display:block;
text-align: center;
padding:5px 0px 5px0px;
margin:0 0 5px 0;
border: 1px solid #cccccc;
}

#sidebarL{
width:140 px;/* SESUAIKAN */
float:left;
background:#FFFFFF;
margin-bottom: 4px;
padding: 10px 0px 10px 0px;
border: 1px solid #cccccc;
}

#sidebarR{
width:130 px;/* SESUAIKAN */
float:right;
background:#FFFFFF;
margin-bottom: 4px;
padding: 10px 0px 10px 0px;
border: 1px solid #cccccc;
}

#sidebarL .widget-content {margin:0px 5px;5px 5px;}
#sidebarR .widget-content {margin:0px 5px;5px 5px;}