Kalau tadi kita membahas tentang membuat box pemisah pada postingan, sekarang mari belajar membuat box pada sidebar. Lansung saja, simak baik-baik:
1. Masuk ke 'Tata Letak'
2. Klik 'Edit HTML'
3. Jangan lupa setiap melakukan perubahan pada edit HTML, selalu back up template.
4. Cari kode berikut:
5. Kemudian hilangkan kode yang berwarna merah. Dan hasilnya akan seperti ini:
#sidebar-wrapper {
background:#d8d7d6;
border: 1px solid #d8d7d6;
width: 220px;
float: $endSide;
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 */
}
6. Sesudah itu, cari kode berikut
#sidebar-wrapper {
width: 220px;
float: $endSide;
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 */
}
7. Gantikan kode diatas dengan kode dibawah ini
.sidebar .widget, .main .widget {
border-bottom:1px dotted $bordercolor;
margin:0 0 1.5em;
padding:0 0 1.5em;
}
8. Selesai, dan Save Template
.sidebar .widget {
background:#d8d7d6;
border: 1px solid #d8d7d6;
margin:0 -5px 1.5em -5px;
padding:5px 7px 5px 7px;
}
.main .widget {
border-bottom:1px dotted $bordercolor;
margin:0 0 1.5em;
padding:0 0 1.5em;
}
Selamat Mencoba
2 komentar:
bisa g ya ditempatku...ku coba dulu ya gan
Ijin Nyoba gan
Posting Komentar
Silahkan tinggalkahn pesan Anda yang sopan, terimakasih!