Menambah Icon Di Sidebar Link

Nak kasi link di sidebar lebih menarik?? Ok kita boleh tukar Icon yang sedia ada atau tambah Icon baru. Caranya mudah saja..

1. Macam biasa Loggin ke Blogger => Layout => Edit HTML. Cari kode dibawah.

.sidebar ul {
list-style:none;
margin:0 0 0;
padding:0 0 0;
}
.sidebar li {
margin:0;
padding:0 0 .25em 15px;
text-indent:-15px;
line-height:1.5em;
}

2. Dah jumpa?? Tukar kode diatas seperti dibawah.

.sidebar ul {
list-style:none;
margin:0 0 1.25em;
padding:0 0px;
}

.sidebar ul li {
background:url("Alamat Gambar Disini") no-repeat 2px .25em;
margin:0;
padding:0 0 3px 16px;
margin-bottom:3px;
border-bottom:1px dotted $bordercolor;
line-height:1.4em;
}

3. Gantikan tulisan berwarna merah dengan URL gambar/icon Antum. Tulisan hijau adalah border/garisan dibawah link.. Kalau Antum xnak kasi buang saja.

Ok Done...

Tips² Terkait