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;
}
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;
}
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;
}
0 comments:
Post a Comment