Letak image pada side bar

Line Images Pada Sidebar

25011432H

Salam. InsyaAllah, hari ini penulis akan membuat post tentang cara untuk membuat Line Image Pada Sidebar. Sebelum ini, penulis hanya mengajar cara untuk membuat Footer Notes atau Line Images pada entri post sahaja. Tutorial ini telah direquest oleh be'ah.

1.DASHBOARD > DESIGN > EDIT HTML.

2. Cari kod di bawah ini.

.sidebar .widget, .main .widget {
border-bottom:1px dotted $bordercolor;
margin:0 0 1.5em;
padding:0 0 1.5em;
}

3. Tambahkan kod di bawah ini di bawah kod tadi.

.sidebar .widget {
border-bottom:0px dotted $bordercolor;
margin:0 0 1.5em;
padding:0 0 50px;
background-image: url(your image url);
background-position: bottom;
background-repeat: no-repeat;
}